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!
avatar
User

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
 
<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)
avatar  River
#2 RE: FAQ und Impressum für das V6 übersichtlich anlegen!
avatar
User

Hallo Wolfgang,

Vorneweg: Sehr schöner Vorschlag wieder.

Zitat von Wolfgang im Beitrag #1
Sprechen irgendwelche Vorschriften dagegen, die Datenschutzerklärung mit klappbaren Spoilern zu versehen?


Ich hab nur die Info, dass die Datenschutzerklärung von jeder Seite aus mit 1 Klick zu öffnen sein muss.

Siehe auch hier: https://www.datenschutz.org/impressum-da...ufzuf%C3%BChren.

Dem würde ein Spoiler bzw. Klappbox widersprechen (sind genau genommen ja 2 Klicks). Ob man das am Ende so genau nimmt, weiß ich natürlich nicht. Im Business V4 ist die Datenschutzerklärung noch mit 1 Klick erreichbar - als separater Link im Footer.

Vllt weiß da der Support mehr dazu, was noch erlaubt ist.

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

 Antworten

 Beitrag melden
11.04.2021 00:41 (zuletzt bearbeitet: 11.04.2021 00:49)
#3 RE: FAQ und Impressum für das V6 übersichtlich anlegen!
avatar
User

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
 
<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

11.04.2021 08:33
avatar  River
#4 RE: FAQ und Impressum für das V6 übersichtlich anlegen!
avatar
User

Hallo Wolfgang,

Zitat von Wolfgang im Beitrag #3
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????


Ich sag mal so: Wenn ich aus gestalterischen Gründen die Datenschutzerklärung auf der Forumseite verlinke und dann den User auf eine Seite weiterleite, auf der der Datenschutz in einer Spoilebox zu finden ist, so gebe ich der Gestaltung oder Struktur Vorrang. Das kann man ausprobieren - wenn sich jemand beschwert, wird man wohl erst mal die Aufforderung bekommen, das zu ändern.

Wenn ich auf die Seite https://www.datenschutz.org/ gehe, dann ist die Datenschutzerklärung unten im Footer mit einem Klick offen. Damit würde ich die rechtliche Vorgabe als erfüllt sehen - für mich wohlgemerkt.

Wissen tu ich aber gar nichts; ich kann nur auf Webrecherche gehen und lesen und den Inhalt für mich interpretieren. Jemand anders interpretiert auch anders oder versteht eben mehr davon.

Vllt meldet sich ja noch ein anderer Admin, der sich damit besser bzw. sicher auskennt.

Viele Grüße
River

PS: Du brauchst mich nicht extra auf deiner Seite erwähnen - ich bin nicht ehrenkäsig bzw. eher das Gegenteil davon. ;)

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!