Neu Shop 5 FAQ Portlet

css-umsetzung

Offizieller Service Partner
SPBanner
6. Juli 2011
8.650
2.702
Berlin
Firma
css-umsetzung
Da ich mich zur Zeit sehr intensiv mit dem 5er Shop beschäftige habe ich jetzt wegen eines Kundenprojektes mal die Portlets angeschaut.
Es ist wohl so, dass ein kleiner FAQ Bereich in den Kategorie Seiten der neue heiße scheiß ist (eventuell auch schon länger aber erst jetzt kam eine Anfrage deswegen)

Ich habe mir das also im 5er Shop angeschaut und dabei herausgekommen ist ein Portlet mit dem Ihr überall einen kleinen FAQ Bereich einfügen könnt der, da er mit Strukturierten Daten versehen ist auch von Google, in der Suche angezeigt werden kann.

Nun kommt die gute Nachricht:
Da ich das von dem vorhandenem JTL Akkordeon Portlet abgeleitet und für die FAQ's nur passend modifiziert habe, stelle ich das jetzt kostenlos zur Verfügung.

Hier könnt Ihr sehen was Google daraus macht:
https://search.google.com/structure...tps://jtl5.dateispeicher.de/500/Wir-ueber-uns

Hier könnt Ihr sehen wie das aussehen kann:
https://jtl5.dateispeicher.de/500/Wir-ueber-uns

Und hier könnt Ihr das Plugin kostenlos herunterladen:
https://css-umsetzung.de/shop/CSS-Portlets


So kann das dann in den Suchergebnissen aussehen wenn Google es für sehenswert hält:
1615584962746.png
 

mobade

Sehr aktives Mitglied
27. Februar 2017
839
150
Chemnitz
Firma
MobaDe - Modellbahn Dehs
habe auch gerade mal getestet, obs so richtig ist keine Ahnung
richt-text.jpg

rich-text-2.jpg

also ohne Fehler
 

mobade

Sehr aktives Mitglied
27. Februar 2017
839
150
Chemnitz
Firma
MobaDe - Modellbahn Dehs
das einzige was ich nicht drin habe, ist der code <div itemscope itemtype="https://schema.org/FAQPage">
da weiss ich auch nicht wo der hinkommt, es war bei mir auch nur mal ein Test 🙂 also alles gut

grüsse Mario
 

css-umsetzung

Offizieller Service Partner
SPBanner
6. Juli 2011
8.650
2.702
Berlin
Firma
css-umsetzung
Das muss beim testen eindeutig als FAQ Bereich erkannt werden sonst nutzt das nichts ist einfach nur content.

1615630710747.png
 

mobade

Sehr aktives Mitglied
27. Februar 2017
839
150
Chemnitz
Firma
MobaDe - Modellbahn Dehs
na das weiss ich natürlich nicht, da bist besser Informiert, da du ja jeden Tag damit zu tun hast.

Da kann ich ja auf dein Portlet zugreifen 🙂 Bei mir ist es noch nicht soweit mit dem Umstellen.

vielen Dank für die Infos.
 

Corleone1978

Aktives Mitglied
8. November 2019
66
3
Da ich mich zur Zeit sehr intensiv mit dem 5er Shop beschäftige habe ich jetzt wegen eines Kundenprojektes mal die Portlets angeschaut.
Es ist wohl so, dass ein kleiner FAQ Bereich in den Kategorie Seiten der neue heiße scheiß ist (eventuell auch schon länger aber erst jetzt kam eine Anfrage deswegen)

Ich habe mir das also im 5er Shop angeschaut und dabei herausgekommen ist ein Portlet mit dem Ihr überall einen kleinen FAQ Bereich einfügen könnt der, da er mit Strukturierten Daten versehen ist auch von Google, in der Suche angezeigt werden kann.

Nun kommt die gute Nachricht:
Da ich das von dem vorhandenem JTL Akkordeon Portlet abgeleitet und für die FAQ's nur passend modifiziert habe, stelle ich das jetzt kostenlos zur Verfügung.

Hier könnt Ihr sehen was Google daraus macht:
https://search.google.com/structured-data/testing-tool?hl=de#url=https://jtl5.dateispeicher.de/500/Wir-ueber-uns

Hier könnt Ihr sehen wie das aussehen kann:
https://jtl5.dateispeicher.de/500/Wir-ueber-uns

Und hier könnt Ihr das Plugin kostenlos herunterladen:
https://css-umsetzung.de/shop/CSS-Portlets


So kann das dann in den Suchergebnissen aussehen wenn Google es für sehenswert hält:
Den Anhang 60253 betrachten
Das sieht super aus!

Ich habe den Zip-Ordner runter geladen, bin aber nicht sicher, wo die Dateien installiert werden müssen. Den Ordner locale/de-DE/portlets habe ich gefunden. Wohin kopiere ich den Ordner Portlets/CSSFAQ ?
 

marinw

Aktives Mitglied
2. August 2020
36
9
Moin,
ich habe die Portlets auch installiert. Funktioniert soweit auch alles.
Es stellt sich allerdings nun die Frage, sind die Fragen nicht komplett responsive , weil bei längeren Fragen werden diese nicht "verkleinert" sondern man muss auf dem Smartphone nach rechts scrollen um die Frage lesen zu können. Die Antworten hingegen werden "verkleinert" bzw. eingerückt. Gibt es dazu eine Einstellung bzw. Lösung ? @css-umsetzung
 
Zuletzt bearbeitet:

css-umsetzung

Offizieller Service Partner
SPBanner
6. Juli 2011
8.650
2.702
Berlin
Firma
css-umsetzung
Das liegt am CSS vom Template, ich gehe davon aus das es bei einem normalen accordion dann auch so ist.

Ich habe hier mal ein kleines Beispiel wie man das machen könnte, das muss dann natürlich jeder für seine Bedürfnisse individualisieren:

CSS:
.accordion  button.btn.btn-link {
white-space:normal;
width:100%;
text-align:left
}


.accordion  .dropdown-toggle:after, .accordion  [data-toggle=collapse]:not(.navbar-toggler):after {
  position: absolute;
  right: 10px;
  top: 30px;
}
 

marinw

Aktives Mitglied
2. August 2020
36
9
Moin,
vielen Dank für die Antwort @css-umsetzung 🙂 . Ja das ist tatsächlich auch beim Accordion der Fall.
In welche Datei darf der Code Snippet hinzugefügt werden ?
Ich habe den Code in die Datei CSSFAQ.css gepackt & es funktioniert...
 
Zuletzt bearbeitet:

mastertango

Sehr aktives Mitglied
10. Oktober 2009
2.475
42
Wustrow
Ich habe das Plugin bei mir mal installiert. Soweit so gut ....
Meine Frage nun ... ist es richtig das es zwar einen Fragenteil gibt ... aber keinen definierten Teil für die Antwort ?

Oder wird das so benutzt wie ich es mal Testweise probiert habe ....?

frage1.pngfrage2.pngfrage3.png
 

Jonny | knowmates

Offizieller Service Partner
SPBanner
9. Oktober 2014
198
18
Wir haben hierzu auch ein Plugin für JTL-Shop5 entwickelt, womit man verschiedene FAQs auf einer CMS-Seite, Kategorieseite oder Artikelseite hinterlegen kann (+viele zusätzliche Features), natürlich strukturiert via JSON-LD oder Microdata.

Release ist demnächst - falls jemand vorab schon mal testen möchte, gern eine Mail an mich: jo@knowmates.de
 

Holmes

Gut bekanntes Mitglied
10. Februar 2020
292
8
was kann das plugin alles suchen eines wo man kategorien anlegen kann und wann ist es fertig
 

Jonny | knowmates

Offizieller Service Partner
SPBanner
9. Oktober 2014
198
18

Ähnliche Themen