PrestaShop Startseite Layout: wie Sie Blöcke ohne Codeänderung neu anordnen
Das Layout der PrestaShop-Startseite ändern Sie unter Design > Positionen. Die Startseite ist der Hook „displayHome“, und die Blöcke darauf sind Module in einer festen Reihenfolge. Sie ziehen ein Modul nach oben oder unten, hängen die aus, die Sie nicht brauchen, und leeren den Cache. Wenn ein Block nicht auf der Liste steht, kommt er aus dem Template oder dem Builder des Themes.
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: · 5 Min. Lesezeit
Woraus besteht die PrestaShop-Startseite?
Aus Modulen, die an einer Stelle der Seite angezeigt werden, in der Reihenfolge der Positionsliste. Slider, empfohlene Produkte, ein Banner, der Text über den Shop, Neuheiten und Bestseller sind eigene Module. Jedes davon kann auch an anderen Stellen erscheinen.
Den Mechanismus von Stellen und Reihenfolge beschreibt die PrestaShop-Dokumentation zu Hooks. Auf Polnisch hat icomSEO einen Überblick über Wege, das Layout zu ändern, und die Hilfe von dhosting eine kürzere Anleitung.
Wie sieht eine Neuordnung vorher und nachher aus?
Ein typischer Wunsch von Shopbetreibern: Bestseller weiter nach oben, Newsletter und Markenlogos weiter nach unten. Auf der Positionsliste sieht das so aus:
| Position | Vorher | Nachher |
|---|---|---|
| 1 | Slider | Slider |
| 2 | Text über den Shop | Bestseller |
| 3 | Empfohlene Produkte | Empfohlene Produkte |
| 4 | Banner | Banner |
| 5 | Newsletter | Text über den Shop |
| 6 | Markenlogos | Newsletter |
| 7 | Bestseller | Markenlogos |
Die Reihenfolge von drei Blöcken hat sich geändert. Keine Theme-Datei wurde bearbeitet, und jedes Modul funktioniert wie vorher.
Wie verschieben Sie ein Modul im Back-Office Schritt für Schritt?
Das erledigen Sie auf einem Bildschirm im Back-Office.
- Gehen Sie zu Design > Positionen.
- Geben Sie „displayHome“ in die Hook-Suche ein oder scrollen Sie zur Startseite.
- Fassen Sie das Modul am Griff und ziehen Sie es an die neue Stelle.
- Wenn der Block von der Startseite verschwinden soll, klicken Sie auf den Pfeil neben dem Modul und wählen Sie Aushängen.
- Leeren Sie den Cache unter Erweiterte Einstellungen > Leistung.
- Prüfen Sie die Startseite in einem privaten Browserfenster und auf dem Handy.
Wenn die Änderung nicht auf der Seite erscheint, lesen Sie, warum Änderungen in PrestaShop nicht sichtbar sind.
Warum lassen sich manche Blöcke nicht verschieben?
Weil sie nicht von Modulen im Hook der Startseite kommen. Es gibt drei häufige Gründe.
- Ein Abschnitt im Template. Der Theme-Autor hat ihn direkt in die Datei der Startseite geschrieben. Ihn zu ändern heißt, das Template zu bearbeiten, am besten in einem Child Theme.
- Ein Builder des Themes. Gekaufte Themes haben oft einen eigenen Editor für die Startseite. Dort ändern Sie die Reihenfolge, und die Positionsliste zeigt nur ein einziges Builder-Modul.
- Ein Modul an einer anderen Stelle. Der Block sieht aus wie ein Teil der Startseite, hängt aber zum Beispiel an der Stelle über dem Footer.
Denken Sie beim Theme-Wechsel daran, dass ein Theme beim Aktivieren seine eigene Liste von Modulen und deren Stellen setzt. Es speichert sie in einer Konfigurationsdatei, beschrieben in der Dokumentation zu theme.yml. Nach dem Aktivieren des Themes kann Ihr Layout zu den Einstellungen des Autors zurückkehren.
Wie planen Sie das Layout der Startseite?
Ordnen Sie die Blöcke danach, was Kunden suchen, nicht nach der Reihenfolge, in der die Module installiert wurden. Samstag, 19:40, Sie stehen vor der Positionsliste und ziehen Blöcke hin und her, um etwas auszuprobieren. Nach jedem Verschieben leeren Sie den Cache und laden die Seite neu. Besser, Sie beginnen mit einem Blatt Papier.
- Oben, was verkauft: die Aktion, Bestseller, die Hauptkategorien.
- In der Mitte, was Vertrauen schafft: der Text über den Shop, Bewertungen, Lieferinformationen.
- Unten die Extras: Newsletter, Markenlogos, Blogbeiträge.
Wenn Sie Verkaufsdaten haben, prüfen Sie, welche Kategorien und Produkte sich am meisten verkaufen. Sie sollten höher stehen als ein Block, den jemand bei der Installation des Shops hinzugefügt hat und den seitdem niemand angefasst hat. Vergleichen Sie nach einem Monat die Verkäufe aus Produkten der Startseite mit dem Vormonat.
Was prüfen Sie nach einer Änderung des Layouts?
Sehen Sie sich die Startseite nach jeder Änderung so an, wie ein Kunde sie sieht. Eine Neuordnung macht selten etwas kaputt, aber ein Block kann neben neuen Nachbarn anders aussehen.
| Was prüfen | Worauf achten |
|---|---|
| Desktop | gleichmäßige Abstände zwischen Blöcken, nichts überlappt |
| Handy | wichtige Blöcke sind nicht ganz ans Ende einer langen Seite gerutscht |
| Überschriften | die Seite hat eine Hauptüberschrift, und die Blöcke haben eigene Titel |
| Geschwindigkeit | ein schwerer Slider oder ein Video ist nicht an der Stelle gelandet, die zuerst lädt |
| Links | Buttons in den verschobenen Blöcken führen dorthin, wo sie sollen |
Halten Sie auch die aktuelle Reihenfolge fest, bevor Sie beginnen. Ein Screenshot der Positionsliste reicht. Damit können Sie zum alten Layout zurückkehren, wenn das neue nicht funktioniert oder ein Theme-Update es ändert.
Wie ändern Sie das Layout der Startseite mit dem Chat?
Sie lassen sich die aktuelle Reihenfolge zeigen und beschreiben dann die neue. Ihr Chat (Claude oder ChatGPT) zeigt die alte und die neue Reihenfolge, bevor er etwas speichert.
Sie: Zeig mir die Reihenfolge der Blöcke auf der Startseite und schieb die Bestseller direkt unter den Slider.
Ihr Chat: Die Startseite hat 7 Module. Vorgeschlagene Änderung:
Die übrigen Module rücken eine Stelle nach unten. Nach dem Speichern leere ich den Cache und prüfe die Startseite.
Sie: Freigegeben.
Ihr Chat: Gespeichert. Die alte Reihenfolge können Sie aus dem Änderungsverlauf wiederherstellen.
Status der Karte: wartet auf Ihr „Ja“alte Version: 1. Slider, 2. Text über den Shop, 3. Empfohlene Produkte, 7. Bestseller
neue Version: 1. Slider, 2. Bestseller, 3. Empfohlene Produkte, 5. Text über den Shop
Im kostenlosen TellMyShop Free zeigt der Chat die aktuelle Reihenfolge der Module auf der Startseite. Module zu verschieben braucht TellMyShop Pro und den Schalter Theme, den Sie im Modul-Panel für 24 Stunden einschalten.
Eine Beispielanfrage: Blöcke auf der Startseite neu anordnen. Wenn Sie gleichzeitig den Banner ändern, lesen Sie, wie Sie den Banner auf der Startseite ändern.
Fragen und Antworten
Was ist eine Modulposition in PrestaShop?
Das ist die Stelle auf der Seite, an der ein Modul angezeigt wird, etwa die Startseite, der Footer oder die Seitenspalte. Die Dokumentation nennt sie Hooks. Jede Stelle hat eine Liste von Modulen in einer festen Reihenfolge. Wenn Sie die Reihenfolge auf dieser Liste ändern, ändern Sie die Reihenfolge der Blöcke auf der Seite, ohne Theme-Dateien zu bearbeiten.
Was ist der Unterschied zwischen dem Aushängen und dem Deaktivieren eines Moduls?
Ein ausgehängtes Modul verschwindet nur von einer Stelle der Seite und arbeitet an anderen weiter. Ein deaktiviertes Modul hört überall auf zu arbeiten. Wenn Sie den Block mit neuen Produkten von der Startseite entfernen, aber in der Spalte behalten wollen, hängen Sie ihn von der Startseite aus. Deaktivieren heben Sie sich für den Fall auf, dass Sie das Modul gar nicht brauchen.
Warum hat sich das Layout der Startseite nach einem Theme-Wechsel geändert?
Weil ein Theme beim Aktivieren seine eigene Liste von Modulen und deren Stellen setzt. Der Theme-Autor speichert sie in einer Konfigurationsdatei. Prüfen Sie nach einem Wechsel oder erneuten Aktivieren des Themes Design > Positionen und verschieben Sie die Blöcke erneut. Deshalb lohnt es sich, die aktuelle Reihenfolge zu notieren, bevor Sie Themes wechseln.
Kann ich einen Block verschieben, der nicht auf der Positionsliste steht?
Dort nicht. Manche Themes bauen die Startseite in einem eigenen Builder oder setzen Abschnitte direkt ins Template. Dann ändern Sie die Reihenfolge im Builder des Themes oder in der Template-Datei. Der Chat zeigt Ihnen die Module, die an der Startseite hängen. Einen Block, der dort fehlt, suchen Sie im Template oder im Builder des Themes.
Lässt sich eine Neuordnung über den Chat rückgängig machen?
Ja. Eine Änderung der Modulposition landet im Änderungsverlauf, und Sie machen sie mit einer Anweisung rückgängig, mit Vorschau der alten und neuen Reihenfolge. Auch das Rückgängigmachen zeigt vor dem Speichern eine Vorschau. Änderungen am Aussehen funktionieren in TellMyShop Pro, sobald Sie den Schalter Theme einschalten. Der Schalter gilt 24 Stunden und braucht eine Datenbanksicherung vom selben Tag.
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.