Über vorgestellte Sammlungen
Ausgewählte Kollektionen sind hervorgehobene Produktgruppen, die Ihre Kunden entdecken sollen. Sie dienen oft als Schnellverknüpfung zu beliebten oder saisonalen Kategorien, verbessern die Navigation und steigern den Umsatz wichtiger Kollektionen.
Beispiele für vorgestellte Sammlungen:
- Shop für Männer / Shop für Frauen: Für geschlechtsspezifische Produktkategorien.
- Sommerkollektion / Winterkollektion: Saisonale Highlights oder Aktionen.
- Bestseller / Neuankömmlinge: Machen Sie auf beliebte oder kürzlich hinzugefügte Artikel aufmerksam.
Diese Abschnitte werden normalerweise prominent auf der Startseite platziert, um die Aufmerksamkeit der Kunden zu erregen.
Wie entwirft man eine Liste mit vorgestellten Sammlungen mit dem Hero-Banner-Element?
Entdecken Sie den besten Weg, Ihr eigenes Liste der vorgestellten Sammlungen mithilfe des GemPages Hero Banner-Elements.
Stellen Sie vor dem Start sicher, dass Sie die Zielseite im GemPages Editor v7 gefunden haben.
Schritt 1: Erstellen Sie eine Zeile mit 3 Spalten
- Suchen Sie im Editor in der linken Seitenleiste nach „Zeile“.
- Ziehen Sie das 3-Spalten-Zeilenelement per Drag & Drop an die gewünschte Position auf der Seite.
Mit diesem Layout können Sie drei vorgestellte Sammlungen nebeneinander anzeigen.
Schritt 2: Fügen Sie der ersten Spalte ein Heldenbanner hinzu
- Suchen Sie in der linken Seitenleiste ein Hero-Banner-Element und ziehen Sie es per Drag & Drop in die erste Spalte in Ihrem Reihe Element.
- Klicken Sie auf das Hero Banner-Element, um dessen Einstellungen zu öffnen. Scrollen Sie nach unten zum Hintergrund Abschnitt und suchen Sie die Bild .
- Erweitern Sie das Einstellungsfenster. Sie können Ihre Galerie durchsuchen oder ein neues Bild hochladen, das die erste Sammlung darstellt.
- Unter dem Textstil Bearbeiten Sie den Text im Abschnitt „Sammlungstitel“ weiter, damit er mit dem Titel der Sammlung übereinstimmt.
- Aktivieren Sie die Hover-Effekt Funktion in den Hero-Banner-Einstellungen für visuelle Attraktivität:
Schritt 3: Duplizieren Sie das Hero-Banner für andere Spalten
- Klicken Sie in den Hero Banner-Einstellungen mit der rechten Maustaste und drücken Sie Übergeordnetes Element auswählen > Zeile 3 Spalten , um das Zeilenelement zu öffnen Einstellungen Tab.
- Scrollen Sie nach unten Spaltenverwaltung > 3 Spalten , um das Konfigurationsfenster zu öffnen. Bewegen Sie dann den Mauszeiger über Kolonne 1 > drücke die Duplikat klicken.
- Nachdem Sie die erste Spalte doppelt dupliziert haben, bewegen Sie den Mauszeiger darüber und löschen Sie Column 4 & Column 5.
- Jetzt anpassen Column 2 & Column 3 auf Ihre Weise. Ersetzen Sie das Hintergrundbild, den Text und die Schaltfläche für jede Spalte, um eine andere Sammlung darzustellen.
Hinweis: Stellen Sie sicher, dass das Design in allen Spalten einheitlich bleibt, um ein einheitliches Erscheinungsbild zu gewährleisten.
Schritt 4: Für Mobilgeräte optimieren
- Wechseln Sie im GemPages-Editor zur mobilen Ansicht.
- Passen Sie das Layout für kleinere Bildschirme an. Verfeinern Sie die Größe von Bildern, Text und Schaltflächen.
- Speichern Sie Ihre Konfigurationen und klicken Sie auf Veröffentlichen Schaltfläche, um Ihre Änderungen zu aktivieren.
