Widget auf PrestaShop installieren

Diese Anleitung behandelt PrestaShop 1.7 und verwendet das JustReview Testimonials-Widget als Beispiel. Jedes andere Widget funktioniert genauso.

1. Erstellen Sie Ihr Widget und klicken Sie auf “Generate Code for your website” (Code für Ihre Website generieren).

   

   

2. Fügen Sie die Bibliothek zu Ihren Theme-Templates hinzu.

   Beide Dateien befinden sich in Ihrem Theme:

   httpdocs/themes/{your_theme}/templates/_partials/head.tpl
   httpdocs/themes/{your_theme}/templates/_partials/footer.tpl

   Fügen Sie Teil 1 und Teil 2 am Ende dieser Dateien ein. Teil 1 lädt die Bibliothek und gehört dort nur einmal hin, auch wenn Sie mehrere Widgets anzeigen. Teil 2 ist die Konfiguration für ein Widget, fügen Sie also pro Widget einen Teil 2 hinzu.

   footer.tpl:

   

   head.tpl:

   

3. Fügen Sie Teil 3 dort ein, wo das Widget erscheinen soll.

   Platzieren Sie den Container-<div> in dem Template, das diese Stelle rendert, zum Beispiel index.tpl für die Startseite oder product.tpl für Produktseiten.

   <div id="justreview-testimonials"></div>

4. Leeren Sie den PrestaShop-Cache.

   Gehen Sie zu Advanced Parameters → Performance und leeren Sie den Cache, sonst liefert der Shop weiterhin das alte kompilierte Template aus und Ihre Änderung scheint keine Wirkung zu haben.

Verwenden Sie nach Möglichkeit ein Child-Theme

Wenn Sie das übergeordnete Theme direkt bearbeiten, kann ein Theme-Update Ihre Änderungen überschreiben. Falls Ihr Theme ein Child-Theme unterstützt, nehmen Sie die Änderungen dort vor.

Fügen Sie Ihre Domain zur Whitelist hinzu

Das Widget wird nur auf Domains angezeigt, die in Ihren Einstellungen hinterlegt sind, weshalb es in der Back-Office-Vorschau unsichtbar bleibt. Ihre Shop-Adresse muss mit dem Whitelist-Eintrag übereinstimmen.

Generieren Sie den Code nach jeder Änderung neu

Die Widget-Einstellungen befinden sich im Snippet in Ihrem Shop. Nachdem Sie etwas im Dashboard geändert haben, generieren Sie den Code erneut und ersetzen Sie Teil 2 in Ihren Templates.

Widget wird immer noch nicht angezeigt?

1. PrestaShop-Cache nach der Bearbeitung geleert (Advanced Parameters → Performance).
2. Domain-Whitelist in den Einstellungen stimmt mit Ihrer Shop-Adresse überein.
3. Teil 3 ist vorhanden in dem Template, das die Seite rendert, die Sie betrachten.
4. Smarty-Kompilierung auf Neukompilierung eingestellt, während Sie testen, damit Template-Änderungen wirksam werden.
5. Das Badge-Widget benötigt mindestens eine Bewertung, bevor es etwas anzeigt.