PrestaShop: welches Modul zeigt ein Element an? Drei Wege, es zu finden
Welches Modul ein Element in PrestaShop anzeigt, prüfen Sie in drei Schritten: Finden Sie den Klassennamen des Elements im Seitencode, vergleichen Sie ihn mit der Modulliste unter Design → Positionen, und wenn das Modul dort nicht steht, suchen Sie in den Theme-Templates. Wenn Sie wissen, woher ein Element kommt, sparen Sie sich das Raten beim Ändern von Texten, Verschieben von Blöcken und Suchen nach Konflikten.
Autor: Das TellMyShop-Team. Ein Ratgeber für Betreiber von PrestaShop-Shops: die Ursache, die Lösung von Hand und dieselbe Arbeit im Gespräch mit dem Chat.
Zuletzt aktualisiert: · 6 Min. Lesezeit
Warum sollten Sie wissen, welches Modul ein Element anzeigt?
Weil jedes Element an einer anderen Stelle geändert wird. Text aus einem Modul korrigieren Sie in den Moduleinstellungen oder in den Übersetzungen. Einen Block aus einem Theme-Template ändern Sie in einer Datei. Ein Element, das an der falschen Stelle eingehängt ist, verschieben Sie in den Positionen. Ohne dieses Wissen durchsucht der Shopbetreiber das ganze Back-Office.
Typische Situationen:
- Sie wollen eine Beschriftung ändern, die in keinen Einstellungen steht,
- auf der Produktseite ist ein Block, den niemand absichtlich ergänzt hat,
- etwas erscheint doppelt, zum Beispiel zwei Bewertungsboxen,
- die Startseite hat sich nach der Installation eines Moduls geändert.
Weg 1: der Klassenname im Seitencode
Öffnen Sie die Seite in Chrome, klicken Sie mit der rechten Maustaste auf das Element und wählen Sie Untersuchen. Der Browser zeigt den Code dieses Ausschnitts, wie im Leitfaden der Chrome DevTools zu CSS beschrieben. Klassennamen und IDs verraten oft das Modul.
| Was Sie im Code sehen | Was es meist bedeutet |
|---|---|
eine Klasse mit Modulnamen, z. B. blockreassurance | ein Vertrauensblock aus einem Modul mit ähnlichem Namen |
eine ID, die mit ps_ beginnt | ein Modul, das mit PrestaShop mitgeliefert wird |
| ein Präfix eines Drittanbieters, z. B. drei Buchstaben und ein Unterstrich | ein Modul einer anderen Firma, oft auf Addons gekauft |
| ein Kommentar im Code mit dem Namen einer Template-Datei | ein Element aus einem Template, der Pfad zeigt auf Theme oder Modul |
eigene Klassen des Themes, z. B. product-container | ein Theme-Element, kein Modul |
Sehen Sie im Code etwas höher als das Element, auf das Sie geklickt haben. Oft hat nur der umschließende Block den Modulnamen, während die inneren Elemente allgemeine Klassen wie „title“ oder „icon“ haben. Sehen Sie mehrere verschachtelte Blöcke, notieren Sie alle Namen.
Eine Klasse ist ein Hinweis, kein Beweis. Ein Theme kann Elementen modulähnliche Namen geben, und ein Modul kann Klassen des Themes nutzen. Bestätigen Sie den Hinweis also im Back-Office.
Weg 2: Design → Positionen
PrestaShop zeigt Module an Stellen der Seite an, die Hooks heißen. Die Liste der Stellen und der eingehängten Module steht unter Design → Positionen, beschrieben im Leitfaden zu Modulpositionen.
- Gehen Sie zu Design → Positionen.
- Tippen Sie im Filter den Modulnamen aus dem Seitencode ein oder wählen Sie eine Stelle, zum Beispiel den Block unter dem Button In den Warenkorb.
- Sehen Sie nach, an welchen Stellen das Modul eingehängt ist und in welcher Reihenfolge.
- Vergleichen Sie mit dem, was Sie auf der Seite sehen. Die Reihenfolge in der Liste ist die Reihenfolge der Blöcke im Shop.
Die Namen der Stellen sagen, wo der Block ist. So ist zum Beispiel der Hook displayNav1 im Theme Classic die obere Leiste des Headers. Steht das Element im Header, suchen Sie Module an Header-Stellen, nicht im Footer.
Weg 3: das Theme-Template
Steht das Element an keiner Position, stammt es aus einem Theme-Template oder aus einem Page Builder, der mit einem gekauften Theme kam. Es kommt auch vor, dass das Theme das Template eines Moduls überschreibt: Das Modul ist dasselbe, aber Aussehen und Text nimmt es aus einer Datei im Theme.
Das zählt bei Änderungen. Ändern Sie die Einstellungen eines Moduls, während das Theme eine eigene Kopie seines Templates hat, ändert sich auf der Seite nichts. Wie Sie Text ändern, der in einem Template steht, beschreiben wir im Beitrag zum Ändern von Texten in PrestaShop.
Was Sie tun, wenn Sie das Modul kennen
Das hängt davon ab, was Sie mit dem Element wollen. Jede Entscheidung hat eine andere Stelle im Back-Office und ein anderes Risiko.
- Sie wollen Text oder Aussehen ändern. Prüfen Sie die Konfiguration des Moduls unter Module → Modul-Manager. Steht der Text dort nicht, steckt er in den Übersetzungen oder in einem Template.
- Sie wollen das Element verschieben. Ändern Sie die Reihenfolge unter Design → Positionen oder hängen Sie das Modul an eine andere Stelle der Seite, wenn das Modul das unterstützt.
- Das Element soll von einer Seite verschwinden. Hängen Sie das Modul von dieser Stelle aus. An anderen Stellen funktioniert es weiter.
- Das Element erscheint doppelt. Prüfen Sie, ob zwei Module dieselbe Aufgabe erfüllen oder ob ein Modul an zwei benachbarten Stellen eingehängt ist.
- Das Element macht die Seite kaputt. Deaktivieren Sie das Modul, deinstallieren Sie es nicht. Das Deinstallieren löscht meist die Daten des Moduls.
Notieren Sie vor jeder dieser Änderungen, wie es war. Für Positionen reicht ein Screenshot der Liste unter Design → Positionen.
So finden Sie das Modul mit dem Chat
Sie beschreiben das Element in einfachen Worten oder fügen einen Screenshot ein. Ihr Chat (Claude oder ChatGPT) liest die Liste der Module mit den Stellen, an denen sie erscheinen, und ordnet das Element einem Modul zu. In TellMyShop Free funktioniert das ohne Schalter, weil es nur liest.
Sie: Auf der Produktseite unter dem Button In den Warenkorb gibt es zwei Bewertungsboxen. Woher kommen sie?
Ihr Chat: An der Stelle unter dem Button In den Warenkorb sind zwei Bewertungsmodule eingehängt: ein altes Bewertungsmodul, in seinen Einstellungen deaktiviert, aber an dieser Stelle noch angezeigt, und ein neues Modul, installiert im September. Die erste Box ist das alte Modul, die zweite das neue.
Sie: Entferne die alte Box von der Produktseite.
Ihr Chat: Ich schlage vor, das alte Modul von dieser Stelle auszuhängen, ohne es zu deinstallieren. Reihenfolge an der Stelle unter dem Button:
Zum Speichern brauche ich den Schalter Theme. Schalten Sie ihn im Modul-Panel ein, und ich speichere nach Ihrem „Ja“.
Status der Karte: wartet auf Ihr „Ja“alte Version: 1. altes Bewertungsmodul
alte Version: 2. neues Bewertungsmodul
neue Version: 1. neues Bewertungsmodul
Namen und Daten im Beispiel sind Beispielwerte. Eine Beispielanfrage finden Sie im Anwendungsfall das Modul finden, das ein Element auf der Seite anzeigt.
Was Sie danach mit dem Modul tun, hängt vom Problem ab. Verschieben oder Aushängen von einer Stelle macht TellMyShop Pro mit dem Schalter Theme, das Deaktivieren eines Moduls mit dem Schalter Module. Beide Schalter gelten 24 Stunden und brauchen eine Datenbanksicherung vom selben Tag. Jede Änderung hat eine Vorschau und landet im Änderungsverlauf. Wenn ein Modul den Shop kaputtmacht, lesen Sie den Beitrag zum Deaktivieren eines Moduls statt Deinstallieren. Das Verschieben von Blöcken auf der Startseite beschreiben wir im Beitrag zum Layout der Startseite, das Aufräumen ungenutzter Module im Beitrag zu unnötigen Modulen.
Beginnen Sie mit TellMyShop Free, um zu sehen, was in Ihrem Shop angezeigt wird. Einen Vergleich der Versionen finden Sie auf der Seite Preise.
Fragen und Antworten
Wie prüfe ich, welches Modul ein Element auf meiner Shop-Seite anzeigt?
Klicken Sie im Browser mit der rechten Maustaste auf das Element und wählen Sie Untersuchen. Suchen Sie im Code einen Klassennamen oder eine ID, die einem Modulnamen ähnelt. Bestätigen Sie das dann unter Design → Positionen, wo Sie die Module an jeder Stelle der Seite sehen.
Was, wenn das Element nicht unter Design → Positionen steht?
Dann stammt es meist aus einem Theme-Template, nicht aus einem Modul. Manchmal fügt es auch ein Modul mit eigenem Skript oder über den Page Builder des Themes ein. In diesem Fall suchen Sie in den Theme-Dateien oder den Einstellungen des Builders.
Kann ich das Modul einfach von dieser Stelle aushängen, damit das Element verschwindet?
Das können Sie, wenn das Element dort nicht gebraucht wird. Das Modul funktioniert weiter, es erscheint nur an dieser Stelle nicht mehr, und Sie können es jederzeit wieder einhängen. Hängen Sie Zahlungs-, Versand- oder Warenkorbmodule nicht aus, ohne zu prüfen, was sie tun.
Zeigt TellMyShop Free, welches Modul ein Element anzeigt?
Ja. TellMyShop Free liest die Liste der Module mit ihren Versionen und den Stellen, an denen sie erscheinen. Der Chat ordnet das Element einem Modul zu und sagt Ihnen, was Sie damit tun können. Ein Modul verschieben, aushängen oder deaktivieren macht TellMyShop Pro.
PrestaShop ist eine eingetragene Marke der PrestaShop SA. Claude ist eine Marke der Anthropic PBC. ChatGPT und OpenAI sind Marken von OpenAI. TellMyShop ist mit diesen Unternehmen nicht verbunden.