So fügen Sie verwandte Produkte mit dem Produktlistenelement hinzu

Was ist ein Produktlistenelement?

Das Produktlistenelement in GemPages ermöglicht es Ihnen, ausgewählte Produkte anzeigen direkt auf Ihrer Seite. 

Verwandte Produkte sind nicht auf Artikel innerhalb der gleichen Sammlung beschränktMit GemPages können Sie beliebige Produkte anzeigen Sie haben die Wahl. Diese Flexibilität ermöglicht es Ihnen, ergänzende Artikel zu präsentieren oder Produkte aus einer bestimmten Kollektion auszuwählen, sodass Sie mühelos einen ansprechenden und optisch ansprechenden Produktbereich gestalten können.

Wie entwirft man ein verwandtes Produkt mit dem Produktlistenelement?

Schritt 1: Suchen Sie den Produktlistenelement in der linken Seitenleiste. Ziehen Sie es per Drag & Drop in den gewünschten Abschnitt Ihrer Seite.

Schritt 2: Wählen Sie Ihre Produktliste

Beim Einrichten Ihrer Produktliste können Sie zwischen drei Optionen wählen:

• Produkte manuell auswählen: Wählen Sie bestimmte Produkte aus, die Sie präsentieren möchten. So haben Sie die volle Kontrolle über die angezeigten Artikel.
• Verwenden einer Sammlung: Produkte aus einer Shopify-Kollektion automatisch anzeigen. Diese Option ist ideal, um Ihre Produktliste dynamisch und auf die Kollektionen Ihres Shops abgestimmt zu halten.
• Verwandte Produkte anzeigen: Präsentieren Sie Produkte, die zur selben Sammlung, zum selben Anbieter oder mit demselben Tag gehören wie das Hauptprodukt. 

Schritt 3: Verwenden Sie die Produkte pro Reihe Einstellung, um zu definieren, wie viele Elemente in jeder Zeile angezeigt werden.

Schritt 4: Auswählen eines Layoutstils

GemPages bietet zwei Layoutoptionen zur Anzeige Ihrer verwandten Produkte:

Raster-Layout:

• Die Produktliste wird in einem herkömmlichen Rasterformat angezeigt.
• Ideal für strukturierte und einheitliche Designs.

Slider-Layout:

• Produkte werden in einem Karussellformat angezeigt, sodass Kunden durch die Optionen blättern können.
• Perfekt, um Platz zu sparen und gleichzeitig mehrere Produkte zu präsentieren.

Weitere Einzelheiten zum Anpassen der Produktliste finden Sie in diesem Artikel: Produktlistenelement