Wie platziere ich Produkte auf einer Landingpage?

Die im Online Shop erfassten Produkte können an beliebiger Stelle der Website integriert werden. So kann problemlos eine Landingpage aufgesetzt werden, auf welcher ausgewählte Produkte des Online Shops direkt zum Verkauf angeboten werden können.

Für die Integration stehen folgende Auswahlmöglichkeiten zur Verfügung:

1 Produkte einer ausgewählten Rubrik
2 Sonderangebote
3 Die fünf neusten Produkte
4 Individuelle Auswahl

Produkte einer ausgewählten Rubrik

Mit dem Template-Block block_shop_products_category_<CATEGORY-ID> werden die Produkte einer ausgewählten Rubrik an der gewünschten Position der Landingpage integriert. Der Platzhalter <CATEGORY-ID> muss dabei durch die ID der ausgewählten Rubrik ersetzt werden.

Beispiel für die Anzeige der Produkte aus einer Rubrik mit der ID 9:

<!-- BEGIN block_shop_products_category_9 -->
<!-- BEGIN products -->
<!-- BEGIN shopProductRow -->
<h2>[[SHOP_PRODUCT_TITLE]]</h2>
[[SHOP_PRODUCT_THUMBNAIL_1]]
[[SHOP_PRODUCT_DESCRIPTION]]
<button onclick="[[SHOP_PRODUCT_SUBMIT_FUNCTION]]" name="[[SHOP_PRODUCT_SUBMIT_NAME]]">[[TXT_ADD_TO_CARD]]</button>
<!-- END shopProductRow -->
<!-- END products -->
<!-- END block_shop_products_category_9 -->

Innerhalb des Template-Blocks block_shop_products_category_<CATEGORY-ID> stehen alle Platzhalter der https://wiki.cloudrexx.com/Knowledgebase:Platzhalterverzeichnis_Cloud#.C3.9Cbersicht_.2F_Produktauflistung zur Verfügung.

Sonderangebote

Über die Konfigurationsoption Produkte auf der Shop Startseite anzeigen und dem Template-Block block_shop_products können die definierten Sonderangebote des Online Shops auf einer Landingpage platziert werden. Stellen Sie dazu die Option Produkte auf der Shop Startseite anzeigen im Reiter Erweiterte Einstellungen im Bereich E-Commerce > Shop > Einstellungen > Allgemein auf Sonderangebote.

Anschließend können die Sonderangebote mit dem Template-Block block_shop_products auf einer beliebigen Inhaltsseite integriert werden. Beispiel:

<!-- BEGIN block_shop_products -->
<!-- BEGIN products -->
<!-- BEGIN shopProductRow -->
<h2>[[SHOP_PRODUCT_TITLE]]</h2>
[[SHOP_PRODUCT_THUMBNAIL_1]]
[[SHOP_PRODUCT_DESCRIPTION]]
<button onclick="[[SHOP_PRODUCT_SUBMIT_FUNCTION]]" name="[[SHOP_PRODUCT_SUBMIT_NAME]]">[[TXT_ADD_TO_CARD]]</button>
<!-- END shopProductRow -->
<!-- END products -->
<!-- END block_shop_products -->

Innerhalb des Template-Blocks block_shop_products stehen alle Platzhalter der https://wiki.cloudrexx.com/Knowledgebase:Platzhalterverzeichnis_Cloud#.C3.9Cbersicht_.2F_Produktauflistung zur Verfügung. Durch Umstellung der Option Produkte auf der Shop Startseite anzeigen ändert sich entsprechend auch die Anzeige auf der Online Shop Anwendungsseite.

Die fünf neusten Produkte

Alternativ zur Auflistung der https://cloudrexx.atlassian.net/wiki/spaces/CLXSC/pages/468713937/Platzierung+der+Produkte+auf+einer+Landingpage#Sonderangebote, können die fünf neusten Produkte auf einer Landingpage angezeigt werden. Dazu muss die Konfigurationsoption Produkte auf der Shop Startseite anzeigen im Reiter Erweiterte Einstellungen im Bereich E-Commerce > Shop > Einstellungen > Allgemein auf Neuste fünf eingestellt werden. Die Integration auf der Website erfolgt analog der Sonderangebote mit dem Template-Block block_shop_products.

Individuelle Auswahl

Nebst den bereits beschriebenen Varianten ist es auch möglich eine individuelle Auswahl von Produkten auf einer Landingpage darzustellen. Analog den Varianten und erfolgt auch diese Variante über die Konfigurationsoption Produkte auf der Shop Startseite anzeigen, sowie den Template-Block block_shop_products.

Zur Darstellung von ausgewählten Produkten setzen Sie die Konfigurationsoption Produkte auf der Shop Startseite anzeigen im Reiter Erweiterte Einstellungen im Bereich E-Commerce > Shop > Einstellungen > Allgemein auf Markierte. Anschließend wählen Sie die gewünschten Produkte im Bereich E-Commerce > Shop > Produkte durch Auswahl des entsprechenden Kontrollkästchens aus und bestätigen Ihre Auswahl mit der Schaltfläche Änderungen übernehmen am Ende der Seite: