Dynamisches Anzeigen von Sammlungsbannern basierend auf jeder Sammlung

Über das Sammlungsbanner

Kollektionsbanner ist ein Bild oder visuelles Element, das oben auf einer Sammlung Seite, die das Thema oder den Zweck der Sammlung darstellen.

Dynamische Banner ermöglichen es, dass jede Sammlung automatisch ihr einzigartiges Bannerbild basierend auf den Sammlungsdaten von Shopify präsentiert.

Wie kann ich in GemPages dynamisch ein Sammlungsbanner für jede Sammlung anzeigen?

Um das Sammlungsbanner dynamisch basierend auf jeder Sammlung anzuzeigen, führen Sie die folgenden Schritte aus:

Schritt 1: Ausgewähltes Bild der Sammlung in Shopify hinzufügen oder ändern (optional)

Hinweis: Wenn Sie bereits Bilder zu Ihren Sammlungen hinzugefügt haben, können Sie diesen Schritt überspringen.

• Melden Sie sich bei Ihrem Shopify-Admin an. Gehen Sie zu Produkte > Kollektionen.
• Wählen Sie die Sammlung aus, die Sie anpassen möchten.

• Unter dem Bild Abschnitt, laden Sie das vorgestellte Bild für die Sammlung hoch oder ändern Sie es.

Dieses Bild dient als Banner für die entsprechende Sammlung.

• Wenn du fertig bist, drücke Gespeichert um Ihre Änderungen zu übernehmen.

Schritt 2: Erstellen Sie eine Sammlungsseite in GemPages

Eine ausführliche Anleitung zum Erstellen von Sammlungsseiten finden Sie in diesem Artikel: So erstellen Sie eine neue Sammlungsseite.

• Besuchen Sie das GemPages-Dashboard und klicken Sie auf Neue Seite erstellen .

• Auswählen Kollektion als Anwendungsfall. Anschließend können Sie mit dem Erstellen einer neuen Sammlungsseite von Grund auf (leere Seite) beginnen oder eine vorgefertigte Vorlage verwenden.

Schritt 3: Sammlung zuweisen

Klicken Sie in der oberen Leiste auf „0 Sammlung zugewiesen”, um Ihre Sammlung dieser Sammlungsseite zuzuordnen.

Sie können diese Seite auf alle Sammlungen anwenden oder eine/mehrere bevorzugte auswählen.

• Alle Sammlungsseiten: Die Vorlage wird auf jede Kollektion in Ihrem Geschäft angewendet.
• Spezifische Sammlungen: Wählen Sie die Sammlungen aus, auf die Sie diese Vorlage anwenden möchten.

Wir wählen beispielsweise die GemSkin-Kollektionen.

Schritt 4: Erforderliche Sammlungselemente hinzufügen

Von der linken Seitenleiste aus können Sie per Drag & Drop verschiedene Elemente für die Sammlung verschieben, wie zum Beispiel die Produktlistenelement.

Schritt 5: Sammlungsbanner-Element hinzufügen

• Ziehen Sie im GemPages-Editor die Kollektionsbanner Element in Ihr Sammlungsseitenlayout.

Das Banner zeigt dynamisch das vom Kunden angesehene Titelbild der aktuellen Kollektion an.

Sie können die anpassen Bannergröße, Ausrichtung und Stil über das Einstellungsfeld in der linken Seitenleiste.

• In anderen dynamische Sammlungselemente zum Banner, wie etwa Sammlungstitel, Beschreibung usw.

Dadurch wird sichergestellt, dass jede Sammlungsseite mit ihren einzigartigen Produkten, Titeln und Funktionen aus Shopify-Daten korrekt aktualisiert wird. 

Schritt 6: Speichern und veröffentlichen

• Wenn Sie mit der Gestaltung der Sammlungsseite fertig sind, klicken Sie auf Gespeichert, und Ihre dynamischen Banner sind zur Anzeige bereit.
• Nutze einfach das Vorschau die Seite, um die Ergebnisse zu überprüfen, bevor Sie Ihre Seite erneut veröffentlichen:

Sie haben nun ein vollständig dynamisches Sammlungsbanner das automatisch Daten von Shopify abruft. Jede Sammlungsseite zeigt ein eigenes Banner an, wodurch ein personalisiertes und einheitliches Browsing-Erlebnis entsteht.

Häufig gestellte Fragen

1. Warum zeigt mein Sammlungsbanner nicht das richtige Bild?

Stellen Sie sicher, dass Sie für jede Sammlung in Shopify ein vorgestelltes Bild hochgeladen und Ihrer GemPages-Vorlage die richtigen Sammlungen zugewiesen haben.

Wenn das Problem weiterhin besteht, versuchen Sie erneute Veröffentlichung der Seite or Warten Sie einige Minuten, bis die Shopify-Daten synchronisiert sind.

2. Kann ich ein anderes Bannerbild als das vorgestellte Bild von Shopify verwenden?

Nein. Das Collection-Banner-Element wird automatisch mit dem vorgestellten Bild von Shopify synchronisiert und dieses Bild kann in GemPages nicht manuell geändert oder ersetzt werden.

3. Kann ich den Titel oder die Beschreibung der Sammlung auf dem Banner anzeigen?

Absolut. Fügen Sie die Elemente „Sammlungstitel“ und „Sammlungsbeschreibung“ im Bannerbereich hinzu. Sie ziehen automatisch dynamische Daten von Shopify für jede Sammlung.

4. Funktioniert dieses Setup sowohl für Mobilgeräte als auch für Desktops?

Ja. Das Collection-Banner-Element ist standardmäßig responsiv, Sie können jedoch seine Größe, Polsterung oder Ausrichtung separat für die mobile und Desktop-Ansicht unter dem Erweitert Tab.

5. Wie ändere ich das Bannerlayout für bestimmte Sammlungen?

Wenn Sie unterschiedliche Layouts pro Sammlung wünschen, erstellen Sie mehrere Sammlungsseitenvorlagen und weisen Sie sie einzeln mit der Funktion „Sammlung zuweisen“ im GemPages-Editor zu.