Was ist das Produktlistenelement?
Das Produktlistenelement Mit GemPages können Sie Produkte aus Ihrem Shopify-Shop dynamisch anzeigen. Es passt sich automatisch an die Anzahl der Produkte in Ihrer Sammlung an und sorgt für ein einheitliches Design in Ihrem gesamten Shop.
Häufige Anwendungsfälle:
So erstellen Sie eine Shopify-Produktliste
Bevor Sie beginnen, stellen Sie sicher, dass Sie über eine Shopify-Kollektion bereit. Wenn Sie bereits eines haben, können Sie Schritt 1 überspringen.
Schritt 1: Eine Sammlung auf Shopify erstellen (optional)
Wenn Sie die gewünschte Sammlung bereits haben, überspringen Sie diesen Schritt.
1. Melden Sie sich bei Shopify an. Gehen Sie zu Ihrem Shopify-Admin-Dashboard.
2. Unter dem Produkte Registerkarte, wählen Sie Sammlungen. Klicken Sie auf die „Sammlung erstellen“ Schaltfläche oben rechts auf der Seite.
3. Konfigurieren Sammlungstyp Einstellungen:
- Manual: Fügen Sie der Sammlung manuell Produkte hinzu.
- Smart: Legen Sie Bedingungen fest, um automatisch passende Produkte hinzuzufügen.
4. Geben Sie weitere erforderliche Informationen ein. Klicken Sie auf "Speichern" um Ihre Sammlung zu erstellen.
Schritt 2: Fügen Sie das Produktlistenelement in GemPages hinzu
1. Öffnen Sie den GemPages-Editor. Suchen Sie den Produktlistenelement in England, Elementbibliothek.
2. Suchen Sie die Produktlistenelement in der Elementbibliothek.
3. Ziehen Sie es per Drag & Drop in den Abschnitt, in dem Ihre Produktliste angezeigt werden soll.
4. In dem Einstellungsbereich „Produktliste“, wählen Sie aus, wie Sie Produkte beziehen möchten:
- Produkte: Wählen Sie einzelne Produkte manuell aus.
- Sammlungen: Zeigen Sie alle Produkte aus einer bestimmten Shopify-Kollektion an.
- Verwandt: Zeigen Sie Produkte vom selben Anbieter, mit denselben Tags oder aus derselben Sammlung an.
Beispiel: Um die in Schritt 1 erstellte Sammlung anzuzeigen, wählen Sie Kollektionen, wählen Sie die gewünschte Sammlung aus und klicken Sie auf Schichtannahme.
Schritt 3: Gestalten Sie Ihre Produktelemente
1 Anpassen Produkttitel, Preise und Schaltflächen zum Hinzufügen zum Warenkorb passend zu Ihrem Geschäftsbranding.
2. Erweitern Sie Ihre Produktliste mit zusätzlichen Elementen wie:
Schritt 4: Für Mobilgeräte optimieren
Wechseln Sie nach Abschluss des Desktop-Designs zu Mobile Ansicht im GemPages-Editor:
- Anpassung Abstände, Schriftgrößen und Schaltflächenabmessungen für kleinere Bildschirme.
- Beispiel: Zeigen Sie auf dem Desktop 4 Produkte pro Zeile und auf dem Mobilgerät 2 Produkte pro Zeile an, um eine optimale Lesbarkeit und Benutzerfreundlichkeit zu gewährleisten.
