Portlet Produkt Grid

Auf dieser Seite finden Sie eine umfassende Anleitung zur Nutzung des DC-Portlets: Portlet "Produkt Grid" für den OnPage Composer des JTL-Shops.
Mit diesem Portlet können Sie Produkte in einem übersichtlichen Gitterlayout darstellen. Es eignet sich besonders gut, um ausgewählte Produkte prominent zu präsentieren und durch gezielte Call-to-Action-Elemente die Conversion-Rate zu erhöhen.
Produkt Grid erstellen
Schritt-für-Schritt-Anleitung:
1. Anmeldung im Backend:
- Melden Sie sich im Backend Ihres JTL-Shops an und wechseln Sie anschließend ins Frontend.
2. Seite auswählen:
- Öffnen Sie die Seite, die Sie bearbeiten möchten, und klicken Sie auf das OnPage Composer-Icon oben links auf der Seite, um den OnPage Composer zu starten.
3. Container hinzufügen:
- Ziehen Sie zunächst einen Container aus dem Bereich "Layout" im OnPage Composer an die gewünschte Stelle auf Ihrer Seite. Das Portlet "Produkt Grid" funktioniert am besten innerhalb eines Containers.
4. Portlet hinzufügen:
- Ziehen Sie das Portlet "Produkt Grid" in den zuvor platzierten Container. Es öffnet sich das Fenster "Produkt Grid bearbeiten".


5. Titel eingeben:
- Geben Sie einen Titel für das Produkt Grid ein, wie z.B. "Bestseller" oder "Top Angebote", um die Aufmerksamkeit Ihrer Kunden zu wecken.
6. Anzahl der Produkte pro Reihe festlegen:
- Wählen Sie aus, wie viele Produkte in einer Reihe für verschiedene Display-Auflösungen angezeigt werden sollen (z.B. 6 Produkte pro Reihe auf Desktop, 3 auf Tablets, 2 auf Smartphones).
7. Maximale Anzahl der Artikel angeben:
- Geben Sie die maximale Anzahl der Artikel an, die im Portlet angezeigt werden sollen, um die Übersichtlichkeit zu gewährleisten.
8. Produkte auswählen:
- Wählen Sie anhand von Filtern (z.B. Kategorie, Hersteller, Merkmale usw.) die Produkte aus, die im Grid angezeigt werden sollen. Diese Filter helfen dabei, gezielt die Produkte zu präsentieren, die für Ihre Kunden am relevantesten sind.
9. Speichern Sie Ihre Einstellungen:
- Speichern Sie Ihre Einstellungen, um die Änderungen zu übernehmen.
Mit diesen Schritten haben Sie erfolgreich ein Produkt Grid erstellt, das Ihre ausgewählten Produkte ansprechend präsentiert und durch gezielte Call-to-Action-Elemente die Conversion-Rate erhöht. Nutzen Sie die vielfältigen Anpassungsmöglichkeiten, um das Portlet optimal an das Design Ihres Shops und die Bedürfnisse Ihrer Kunden anzupassen.