Knowledge Base

Abschnitt „Warenkorbseitenbeschriftung und Einlösung“ zum Shopify-Theme

Fügen Sie der Shopify-Warenkorbseite das Popup „Store-Bargeld einlösen“ hinzu

By Daksh
Updated on March 12, 2026

Diese Anleitung erklärt, wie Sie mit der Webplanex Rewards Wallet App Labels und einen Einlösebereich für die Warenkorbseite Ihres Shopify-Shops einrichten. So können Kunden ihre verfügbaren Prämien einsehen und direkt im Checkout einlösen.

 

Wichtiger Hinweis:(Das Label wird nur angezeigt, wenn Prämien verfügbar sind.)

 

Abhängig von Ihrer Shopify-Theme-Version (2.0 oder niedriger) müssen Sie entweder eine Theme-App-Erweiterung oder Code-Snippets hinzufügen, um das Warenkorb-Label und den Einlösebereich zu integrieren.

 

  1. Zu den Theme-Elementen navigieren: Suchen Sie in der Webplanex Rewards Wallet-App in der Navigationsleiste nach der Schaltfläche „Theme-Elemente“.

     

     

  2. Wählen Sie das Warenkorb-Menü: Klicken Sie im Bereich „Theme-Elemente“ auf das Menü „Warenkorb“. Dieses Menü kann zwei Optionen enthalten: „Warenkorb-Seitenbeschriftungen“ und „Warenkorb-Checkout-Popup“.

     

  3. Beschriftungen anpassen: Im gewählten Menü („Warenkorb-Beschriftungen“ oder „Warenkorb-Popup“) können Sie die Textbeschriftungen personalisieren:
    • Ändern Sie den Text, der für berechtigte Prämien angezeigt wird.
    • Bearbeiten Sie den Text auf der Einlösungsschaltfläche.

     

  4. Checkout-Popup anpassen: Sie können das Erscheinungsbild des Warenkorb-Checkout-Popups weiter anpassen.
    • Wählen Sie Hintergrund- und Vordergrundfarben.
    • Passen Sie die Textbeschriftungen an Ihre bevorzugte Sprache an.

     

     

  5. Aktivieren Sie den Schalter: Sobald Sie mit den Beschriftungen, dem Aussehen der Schaltflächen und dem Inhalt zufrieden sind, aktivieren Sie den Schalter, um diese Elemente in Ihrem Shopify-Shop-Theme anzuzeigen.

     

     

Elemente zu Ihrem Theme hinzufügen (versionsabhängig):

 

Für Shopify Theme Version 2.0:

  1. Theme-Code aufrufen:
    • Rufen Sie Ihr Shopify-Admin-Panel auf.
    • Gehen Sie zu „Onlineshop“ > „Themes“. und wählen Sie Ihr Design aus.
    • Klicken Sie auf "Anpassen."

     

     

  2. Warenkorb-Vorlagendatei finden:

    Wählen Sie den "Warenkorb" aus. Seite aus den Theme-Anpassungsoptionen.

     

     

  3. Blöcke hinzufügen:
    • Klicken Sie im Menü auf der linken Seite auf "Block hinzufügen".
    • Wählen Sie die Blöcke "Webplanex Rewards Label" (für die Warenkorbbezeichnung) und "Webplanex Redeem Rewards" aus. (für den Einlösungsbutton).

     

     

  4. Änderungen speichern:
    • Passen Sie die Positionen der Blöcke auf der Warenkorbseite nach Wunsch an.
    • Klicken Sie auf „Speichern“. Änderungen anwenden.

 

Für Shopify-Theme-Versionen unter 2.0:

  1. Theme-Code aufrufen:
    • Gehen Sie zu Ihrem Shopify-Adminbereich.
    • Gehen Sie zu „Onlineshop“ > „Themes“. und wählen Sie Ihr Design aus
    • Klicken Sie auf „Code bearbeiten“.

       

       

    • Warenkorb-Vorlagendatei finden:

      Suchen Sie die Datei „cart.liquid“. oder "cart-template.liquid".

       

       

    • Code-Snippets hinzufügen:

      Öffnen Sie die entsprechende Datei und suchen Sie eine geeignete Stelle, um den folgenden Code einzufügen.

       

      Code für die Warenkorb-Beschriftung 

      Code für Warenkorb und Warenkorb-Popup

      Code für Warenkorb und Einlösungsbutton (Diesen Code-Schnipsel außerhalb von `

      ` einfügen)

      p_cart_checkout"></div>

       
    • Änderungen speichern:

      Speichern Sie die Änderungen am Theme-Code.