Zum Hauptinhalt springen

Banner/Slider auf der Startseite anpassen

Verfasst von Steven Veenstra

Schritt 1 - Das Format des Banners/Sliders bestimmen

Um den Banner/Slider richtig anpassen zu können, musst du zuerst die richtigen Abmessungen deines Banners/Sliders kennen.


Um das herauszufinden, gehst du wie folgt vor:

- Bewege zuerst deine Maus über den Banner/Slider

- Klicke anschließend mit der rechten Maustaste auf den Banner/Slider und wähle die Option "Inspecteren" (Untersuchen)

Es öffnet sich nun eine Leiste mit Code:

- Suche jetzt nach "bx-viewport". Diesen siehst du, wenn du etwas weiter nach oben scrollst.

- Klicke ihn dann an

- Der Banner wird nun blau, und darüber erscheint das Format des Banners.

Du siehst nun, dass der Banner, den wir haben, 940 x 550 Pixel groß ist. Das ist somit auch das Format, mit dem wir arbeiten werden.

Schritt 2 - Neuen Banner hochladen

Jetzt, da du die Abmessungen des Banners kennst, kannst du den neuen Banner hochladen. Das machst du so:

- Wenn du im CMS angemeldet bist, gehe zu "Paginabeheer" (Seitenverwaltung) und klicke dann links auf "Uitgelicht" (Hervorgehoben)

Bei der Auslieferung des Webshops wird immer ein Standard-Banner auf der Startseite platziert, dieser heißt immer "Home". Du kannst diesen ändern oder einen neuen erstellen (den du später verknüpfen kannst).

Dort befindet sich dann ein Slide/Banner, den du bearbeiten kannst, indem du hinter dem Slide auf "Wijzigen" (Bearbeiten) klickst.

- Hier kannst du anschließend das Slider-Bild gegen ein anderes austauschen, indem du zuerst das aktuelle Bild entfernst (klicke auf "Verwijder afbeelding" (Bild entfernen)).

- Nun kannst du über die Schaltfläche "Bestanden kiezen" (Dateien auswählen) das neue Bild hinzufügen.

Achtung! Das Bild muss eine .jpg-, .png- oder .gif-Datei sein, und der Bildname darf keine Leerzeichen enthalten, sonst kann das Bild nicht hochgeladen werden.

- Du kannst den Banner/Slider anschließend auch auf eine Produktkategorie oder einen externen Link weiterleiten lassen. Das kannst du im Dropdown "Verwijst naar" (Verweist auf) einstellen.

- Wenn du "Externe link" (Externer Link) gewählt hast, erscheint ein neues Eingabefeld mit "Url", in das du die URL einfügen kannst, auf die der Banner/Slider verweisen soll.

- Zum Schluss klickst du auf "Opslaan en terug" (Speichern und zurück), und der neue Banner/Slider ist im Frontend sichtbar.

Schritt 4 - Ich habe einen neuen Banner erstellt und möchte ihn verknüpfen.

Wenn du dich für das Erstellen einer neuen Slideshow entschieden hast, kannst du sie wie folgt verknüpfen:

- Gehe zu "Paginabeheer" (Seitenverwaltung), "Layout bewerken" (Layout bearbeiten) und dann "Direct naar layoutbewerking" (Direkt zum Layout-Editor).

Du gelangst dann in den Layout-Editor der Website; hier passen wir nur den verknüpften Banner an. Das machst du wie folgt:

- Bewege deine Maus über den Banner

- Klicke im erscheinenden Pop-up auf das Stift-Symbol.

Es erscheint nun ein Pop-up.

- Gehe zum Tab "Standaard" (Standard)

- Ändere hier "Slider om weer te geven" (Anzuzeigender Slider) auf den von dir erstellten Slider.

- Nachdem du eine Auswahl getroffen hast, klicke auf "Opslaan" (Speichern)

- Veröffentliche anschließend das angepasste Layout; so wird der neue Slider für Kunden sichtbar.

Hat dies deine Frage beantwortet?