PrestaShop Banner ändern auf der Startseite: Slider, Saisonbanner und der Weg zurück
Wie Sie einen Banner in PrestaShop ändern, hängt davon ab, woher der Banner kommt. Im Theme Classic ist der Slider auf der Startseite das Modul Bild-Slider (Image slider), in dem Sie Bild, Titel und Link einer Folie tauschen. Ein einzelner Banner ist ein eigenes Modul. In gekauften Themes kann der Banner in einem Template oder im Page Builder des Theme-Autors stecken.
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
Woher kommt der Banner auf der Startseite?
Aus einem Modul oder aus dem Theme-Template, und davon hängt ab, wo Sie ihn ändern. Bevor Sie suchen, sehen Sie unter Design > Positionen nach. Unter dem Hook der Startseite (displayHome) sehen Sie die Module, die sie aufbauen.
| Quelle des Banners | Woran Sie sie erkennen | Wo Sie ändern |
|---|---|---|
| Modul Bild-Slider | mehrere wechselnde Folien | Module > Modul-Manager > Bild-Slider > Konfigurieren |
| Modul Banner | ein Bild zwischen den Abschnitten der Seite | Module > Modul-Manager > Banner > Konfigurieren |
| Theme-Template | ein Banner ohne Einstellungen im Back-Office | die Template-Datei der Startseite im Theme |
| Page Builder des Themes | ein Editor mit Drag-and-drop | das Modul des Theme-Autors |
Shopbetreiber fragen im PrestaShop-Forum (auf Polnisch) seit Jahren, wie man den Banner ändert. Die Antwort beginnt fast immer mit einer Frage nach dem Theme. Den Code des Sliders aus dem Theme Classic finden Sie im Repository des Moduls ps_imageslider.
Wie Sie eine Folie im Slider Schritt für Schritt tauschen
Im Slider-Modul machen Sie das, ohne eine Datei anzufassen.
- Gehen Sie zu Module > Modul-Manager und suchen Sie nach „Slider“.
- Klicken Sie neben dem Modul Bild-Slider auf Konfigurieren.
- Fügen Sie eine neue Folie hinzu oder bearbeiten Sie eine vorhandene.
- Laden Sie ein Bild mit denselben Maßen wie die aktuellen Folien hoch.
- Tragen Sie Titel, Ziel-URL und Beschriftung ein. Die Beschriftung landet auch im Alt-Text des Bildes.
- Wiederholen Sie das für jede Sprache des Shops.
- Setzen Sie die Folie auf aktiviert und ziehen Sie sie an den Anfang der Liste.
- Deaktivieren Sie die alte Folie, statt sie zu löschen.
Öffnen Sie zum Schluss die Startseite in einem privaten Fenster. Wenn sich nichts geändert hat, lesen Sie, warum Änderungen in PrestaShop nicht sichtbar sind.
Wie Sie einen Saisonbanner planen
Bereiten Sie ihn zusammen mit der Aktion vor, nicht am Starttag. Mittwoch, 20:15, morgen beginnt der Herbstsale. Das Bild ist fertig, aber der Slider hat drei Sprachen, und jede Folie braucht ihr eigenes Bild und ihren eigenen Link. Nebenbei stellt sich heraus, dass der Folientitel eine Überschrift der Seite ist und die Bilder keinen Alt-Text haben.
Ein paar Regeln helfen:
- Der Banner führt zu einer bestimmten Kategorie oder Aktionsseite, nicht zur Startseite.
- Jede Sprache hat ihr eigenes Bild und ihren eigenen Alt-Text.
- Der Alt-Text sagt, was auf dem Banner ist, nicht „banner1“. Die Regeln für Alt-Texte beschreibt Google in seinem Leitfaden zu Bildern.
- Der alte Banner wird deaktiviert, nicht gelöscht.
- Das Datum zum Abschalten des Banners notieren Sie im Aktionskalender.
Slider oder einzelner Banner für eine Aktion?
Für eine Aktion reicht meist eine Folie mit einer Botschaft. Ein Slider wechselt mehrere Bilder, und nicht jeder Kunde wartet auf das dritte. Wenn der Sale diese Woche das Wichtigste ist, setzen Sie ihn auf die erste Folie oder machen Sie ihn zur einzigen.
| Situation | Bessere Wahl | Warum |
|---|---|---|
| Eine Aktion, kurze Frist | eine Folie oder ein Banner | eine Botschaft, ein Link |
| Mehrere gleich wichtige Kategorien | ein Slider mit 2 oder 3 Folien | jede Kategorie bekommt ihren Platz |
| Hinweis zu Lieferung oder Frist | eine Textleiste über dem Banner | auch auf dem Handy lesbar |
Prüfen Sie den Banner auch auf dem Handy. Text, der ins Bild eingebaut ist, ist auf einem kleinen Bildschirm oft unlesbar. Eine kurze Beschriftung und ein großer Button im Bild funktionieren besser als ein langer Satz. Wenn das Theme es erlaubt, bereiten Sie eine eigene Version des Bildes für Handys vor.
Was, wenn der Slider im Template geändert werden muss?
Ändern Sie die Kopie des Templates im Theme, nicht die Datei des Moduls. PrestaShop erlaubt es, das Template eines Moduls ins Theme zu kopieren, und nutzt dann die Kopie. Ein Update des Moduls überschreibt sie nicht. Das beschreibt die Dokumentation zum Überschreiben von Modulen.
So korrigieren Sie zum Beispiel Folientitel, die das Theme als Überschriften der Seite anzeigt. Die Startseite sollte eine Hauptüberschrift haben, und Folientitel können einfacher Text sein.
Wie Sie den Banner mit dem Chat ändern
Sie beschreiben die Aktion, und Ihr Chat (Claude oder ChatGPT) stellt fest, woher der Banner kommt, und schlägt eine Änderung mit Vorschau vor.
Sie: Für den Herbstsale möchte ich einen Banner mit Link zur Kategorie Laternen. Das Bild autumn.jpg ist schon hochgeladen. Füge Alt-Text auf Deutsch und Französisch hinzu.
Ihr Chat: Der Banner auf der Startseite kommt aus dem Theme-Template, nicht aus einem Modul. Ich schlage eine Änderung in der Datei vor, mit Sicherung:
Nach dem Speichern leere ich den Cache und prüfe die Startseite. Den alten Banner können Sie nach der Aktion aus der Sicherung wiederherstellen.
Status der Karte: wartet auf Ihr „Ja“alte Version: <img src="summer.jpg" alt="banner1">
neue Version: <img src="autumn.jpg" alt="Herbstsale Laternen">
alte Version: link: /summer-offers
neue Version: link: /lanterns
Ein neuer Saisonbanner ist eine Anfrage und eine Vorschau. Jede Datei bekommt vor dem Speichern eine Sicherung. Nach der Aktion stellen Sie die vorherige Version aus der Sicherung wieder her, ebenfalls mit 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. Bilder laden Sie selbst hoch, und den Inhalt der Folien ändern Sie in der Konfiguration des Slider-Moduls. Im kostenlosen TellMyShop Free prüft der Chat die Überschriften auf der Startseite und zeigt die Module, die sie aufbauen.
Die zwei häufigsten Aufgaben beschreiben die Anwendungsfälle ein Saisonbanner auf der Startseite und Überschriften und Alt-Texte im Slider. Wenn Sie mit dem Banner auch die Reihenfolge der Abschnitte ändern, lesen Sie über das Layout der Startseite.
Fragen und Antworten
Wie groß sollte ein Slider-Bild sein?
So groß wie die aktuellen Folien in Ihrem Theme. Jedes Theme hat eine andere Breite der Startseite, und der Slider streckt oder beschneidet Bilder mit anderen Proportionen. Prüfen Sie die Maße des aktuellen Folienbilds und bereiten Sie das neue in derselben Größe vor. Speichern Sie es als JPG oder WebP, damit die Seite schnell lädt.
Warum erscheint der neue Banner nicht auf der Seite?
Meistens wegen des Caches oder einer deaktivierten Folie. Prüfen Sie, ob die Folie aktiviert ist und ein Bild in der Sprache hat, die Sie gerade ansehen. Leeren Sie dann den Cache unter Erweiterte Einstellungen > Leistung und laden Sie die Seite in einem privaten Fenster neu. In einem Shop mit mehreren Sprachen hat jede Sprache ihr eigenes Bild.
Spielt der Slider-Banner für Google eine Rolle?
Ja, wenn auch nur eine kleine. Der Alt-Text des Bildes hilft Google und Screenreadern zu verstehen, was auf dem Bild ist. Oft ist etwas anderes wichtiger. In manchen Themes sind die Folientitel Überschriften der Seite, die Startseite hat also mehrere davon. Das sollten Sie im Slider-Template prüfen und korrigieren.
Wie komme ich nach einer Aktion zum alten Banner zurück?
Am einfachsten löschen Sie die alte Folie nicht, sondern deaktivieren sie für die Dauer der Aktion. Nach der Aktion aktivieren Sie die alte und deaktivieren die saisonale. Wenn der Chat den Banner in einem Template geändert hat, liegt die vorherige Version der Datei in einer Sicherung, und Sie stellen sie mit einer Anweisung wieder her, mit einer Vorschau der Unterschiede.
Lädt der Chat das Bannerbild hoch?
Nein. Das Bild laden Sie selbst hoch, in der Konfiguration des Slider-Moduls oder im Dateimanager. Der Chat ändert einen Banner, der im Theme-Template steckt, Links, Alt-Texte der Bilder und das Aussehen des Sliders über eine Kopie des Templates im Theme. Das funktioniert in TellMyShop Pro mit eingeschaltetem Schalter Theme.
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.