FAQ und Impressum für das V6 übersichtlich anlegen!
10.04.2021 20:14 (zuletzt bearbeitet: 10.04.2021 20:23)
#1 FAQ und Impressum für das V6 übersichtlich anlegen!
Mitglied
Sorry! Ist in die falsche Kategorie gerutscht! Bitte verschieben! Sollte nach Verbesserungsvorschläge!
Im Xobor (v6) Template habe das FAQ und Impressum noch nicht viel Aufmerksamkeit bekommen!
Die komplette Datenschutzerklärung ist ausgerollt und am Ende findet man das FAQ, die Hilfe für den User!
Möchte man hier Antworten auf seine Fragen finden, ist das nicht gerade einfach!
Mein Vorschlag:
Datenschutzerklärung und FAQ als Box geschlossen darstellen.
Im FAQ nur Fragen anzeigen, Antworten per Klick öffnen.
Boxen mit automatischer Scroll-Funktion ausgestattet, damit die geöffneten Boxen und Antworten immer in Lesehöhe stehen!
Vorablösung:
Die folgenden Zeilen brauchen nur nach "Admin > Layout > Farben & Einstellungen > Eigenes HMTL/JS > Eigenes Javascript" kopiert werden!
Keine Veränderung des Templates!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<style>
#faq .card-body tr:nth-child(even) {display:none;}
#faq .card-body tr:nth-child(odd) {cursor:pointer;}
</style>
<script>
$('#faq .card-body tr:nth-child(3)').remove();
$('#faq .card-body tr:nth-child(odd) td:only-child').prepend('<img class="x1" style="margin:-5px 5px 0 0" src="//files.homepagemodules.de/b104774/a_83_b849fb24.png"><img class="x2" style="display:none;margin:-5px 5px 0 0" src="//files.homepagemodules.de/b104774/a_82_ce352773.png">');
$(document.body).on('click','#faq .card-body tr',function(){
$(this).next().toggle();
$('.x1,.x2',this).toggle();
$('#faq .card-body tr:nth-child(even) td').css('padding-left','21px');
$('html,body').delay(500).animate({scrollTop:$(this).offset().top - 100},600);
});
$('#privacy,#faq').addClass('compressed');
$('#privacy .card-header,#faq .card-header').append(`
<div style="position:absolute;right:8px;margin-top:-20px;">
<a class="catexpand"><span class="xob-angle-down"></span></a>
<a class="catcompress" style="display:none;"><span class="xob-angle-up"></span></a>
</div>
`).css('cursor','pointer')
$(document.body).on('click','#privacy.expanded .card-header,#faq.expanded .card-header',function(){
$('#privacy.expanded,#faq.expanded').each(function(){
$(this).addClass('compressed').removeClass('expanded')
$('.catexpand',this).show();
$('.catcompress',this).hide();
});
});
$(document.body).on('click','#privacy.compressed,#faq.compressed',function(){
$('#privacy,#faq').addClass('compressed');
$(this).removeClass('compressed').addClass('expanded')
$('.catexpand',this).hide();
$('.catcompress',this).show();
$('html,body').delay(500).animate({scrollTop:$('#privacy').offset().top - 20},600);
});
</script>
Mehr hier: FAQ und Impressum für das V6 übersichtlich gestalten!
Habe da eine Frage:
Sprechen irgendwelche Vorschriften dagegen, die Datenschutzerklärung mit klappbaren Spoilern zu versehen?
Man könnte dann durch die Überschriften die einzelnen Erklärungen besser finden!
Wer weis mehr dazu?
Bis dann
Wolfgang
10.04.2021 21:35 (zuletzt bearbeitet: 10.04.2021 21:36)
#2 RE: FAQ und Impressum für das V6 übersichtlich anlegen!
Mitglied
11.04.2021 00:41 (zuletzt bearbeitet: 11.04.2021 00:49)
#3 RE: FAQ und Impressum für das V6 übersichtlich anlegen!
Mitglied
Hallo River,
besten Dank für die Info.
Habe das Skript dahin verändert, das beim direkten Klick auf "Datenschutz" (ganz unten) sich die Datenschutzerklärung sofort öffnet!
Klickt man auf Impressum, bleibt die Datenschutzerklärung geschlossen und man kann ganz normal das Impressum einsehen oder im FAQ navigieren!
Beschäftig mich immer noch.....
Wenn man mit einem Klick die Datenschutzerklärung erreicht und somit nicht versteckt, müsste doch die Verwendung von Spoilern in der Datenschutzerklärung möglich sein, oder????
Zeile 18-20 ist hinzugekommen!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<style>
#faq .card-body tr:nth-child(even) {display:none;}
#faq .card-body tr:nth-child(odd) {cursor:pointer;}
</style>
<script>
$('#faq .card-body tr:nth-child(3)').remove();
$('#faq .card-body tr:nth-child(odd) td:only-child').prepend('<img class="x1" style="margin:-5px 5px 0 0" src="//files.homepagemodules.de/b104774/a_83_b849fb24.png"><img class="x2" style="display:none;margin:-5px 5px 0 0" src="//files.homepagemodules.de/b104774/a_82_ce352773.png">');
$(document.body).on('click','#faq .card-body tr',function(){
$(this).next().toggle();
$('.x1,.x2',this).toggle();
$('#faq .card-body tr:nth-child(even) td').css('padding-left','21px');
$('html,body').delay(500).animate({scrollTop:$(this).offset().top - 100},600);
});
$('#privacy,#faq').addClass('compressed');
if (window.location.href.indexOf("#privacy") > -1) {
$('#privacy').removeClass('compressed').addClass('expanded');
};
$('#privacy .card-header,#faq .card-header').append(`
<div style="position:absolute;right:8px;margin-top:-20px;">
<a class="catexpand"><span class="xob-angle-down"></span></a>
<a class="catcompress" style="display:none;"><span class="xob-angle-up"></span></a>
</div>
`).css('cursor','pointer')
$(document.body).on('click','#privacy.expanded .card-header,#faq.expanded .card-header',function(){
$('#privacy.expanded,#faq.expanded').each(function(){
$(this).addClass('compressed').removeClass('expanded')
$('.catexpand',this).show();
$('.catcompress',this).hide();
});
});
$(document.body).on('click','#privacy.compressed,#faq.compressed',function(){
$('#privacy,#faq').addClass('compressed');
$(this).removeClass('compressed').addClass('expanded')
$('.catexpand',this).hide();
$('.catcompress',this).show();
$('html,body').delay(500).animate({scrollTop:$('#privacy').offset().top - 20},600);
});
</script>
Gruß
Wolfgang
Ähnliche Themen
Das Thema ist geschlossen
Sie haben keine Rechte zu antworten
Bereits Mitglied?
Jetzt anmelden!
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Jetzt registrieren!