Diese Schritte erklären, wie Sie Webplanex Rewards Wallet-Angebotslabels auf den Kategorien-/Kategorielisten- und Produktdetailseiten in Ihrem Shopify-Shop anzeigen, abhängig von Ihrer Theme-Version.
Theme-Version 2.0 und höher (Drag-and-Drop-Methode):
-
App-Block hinzufügen:
Suchen Sie in der linken Seitenleiste nach „Abschnitt hinzufügen/Block hinzufügen“.
Scrollen Sie nach unten zu „Apps“. Abschnitt.
-
Auswahl des Webplanex-Angebotslabels:
Wählen Sie je nach Seite den entsprechenden Block aus:
- Kollektionen/Kollektionsliste: Suchen Sie nach "WebPlanexCollectionLabel".
- Produktdetailseite: Suchen Sie nach "WebPlanex-Produktlabel".
-
Drag-and-Drop-Positionierung:
Ziehen Sie den ausgewählten Block per Drag-and-Drop an die gewünschte Stelle in Ihrer Seitenvorschau.
-
Änderungen speichern:
Klicken Sie auf „Speichern“. um die Änderungen an Ihrem Theme zu übernehmen.
Theme-Version kleiner als 2.0 (Code-Bearbeitungsmethode):
Zugriff auf Theme-Code:
- Melden Sie sich in Ihrem Shopify-Administrationsbereich an.
- Navigieren Sie zu „Onlineshop“ > „Themes“.
- Wählen Sie Ihr aktuelles Theme aus und klicken Sie auf „Aktionen“ > "Code bearbeiten".
Liquid-Datei erstellen (Neu):
- Gehen Sie im Theme-Code-Editor im linken Bereich zum Bereich "Snippets".
- Erstellen Sie eine neue Datei mit dem Namen "wpcb-offer-label.liquid". Fügen Sie den folgenden Code hinzu und speichern Sie die Datei.
Code in Liquid-Datei:
{% assign wpcb_type = 'wpcb_campaign_' | anhängen: wpcb_label_type %} {%- wenn [wpcb_label_type].metafields[wpcb_type] -%} {% erfasst wpcb_offer_sentance %} {% für offer_label in [wpcb_label_type].metafields[wpcb_type] %} {{ offer_label | last }} {% unless forloop.last %}, {% endunless %} {% endfor %} {% endcapture %}
{{ wpcb_offer_sentance }}{%- endif -%}
Code in Theme-Vorlage einbinden:
Suchen Sie die entsprechende Theme-Vorlagendatei für Ihre gewählte Seite (Kollektion oder Produkt).
Verwenden Sie im Vorlagencode den folgenden Codeausschnitt und ersetzen Sie „wpcb_label_type“ durch „wpcb_label_type“. mit dem entsprechenden Wert:
Codeausschnitt
Produktbezeichnung:
{% render 'wpcb-offer-label',wpcb_label_type:'product' %}
Kollektionsbezeichnung:
{% render 'wpcb-offer-label',wpcb_label_type:'collection' %}
Optionaler Parameter:
Wenn Ihre Produkt- oder Kollektionsobjektvariable einen anderen Namen hat, übergeben Sie sie als zusätzlichen Parameter:
Codeausschnitt
{% render 'wpcb-offer-label',wpcb_label_type:'collection',collection : card_collection %} (Für Kollektionen mit dem Namen 'card_collection')
{% render 'wpcb-offer-label',wpcb_label_type:'product',product : card_product %} (Für Produkte mit dem Namen 'card_product')
Wichtige Hinweise:
- Bei Theme-Versionen unter 2.0 können die Speicherorte der Codedateien je nach Theme-Struktur variieren.
- Ersetzen Sie im optionalen Parameter card_collection und card_product durch die tatsächlichen Variablennamen Ihrer Kollektionen und Produkte.