Befolgen Sie die unten stehenden Schritte, um das Symbol für das Wallet-Guthaben (Wallet Balance) mithilfe der Webplanex Loyalty Wallet App in den Header Ihres Shops zu integrieren:
1. Öffnen Sie die Webplanex Loyalty Wallet App.
2. Wechseln Sie zum Bereich „Theme-Elemente“ (Theme Element).
3. Suchen Sie unter „Header-Elemente“ (Header Elements) nach der Option „Wallet-Symbol-Integration“ (Wallet Icon Integration).
4. Klicken Sie auf die Schaltfläche „Installieren“ (Install).
Nach dem Klicken auf „Installieren“ werden Sie zur Seite für die Theme-Anpassung (Customization) in Shopify weitergeleitet.
Im Shopify Theme-Editor
1. Öffnen Sie die Vorlage für die Startseite (Home Page).
2. Wechseln Sie zum Bereich „Header“.
3. Klicken Sie im Bereich „Apps“ auf Block hinzufügen (Add Block).
4. Wählen Sie Webplanex Wallet Balance aus den verfügbaren App-Blöcken aus.
5. Speichern Sie die Änderungen.
Sobald die Änderungen gespeichert sind, aktualisieren Sie die Seite Ihres Online-Shops; das Symbol für das Wallet-Guthaben wird nun im Header Ihres Shops angezeigt.
Guthaben-Symbol und „Mein Wallet“-Symbol im Menü
Schritte:
-
Zugriff auf Theme-Dateien:
- Melden Sie sich in Ihrem Shopify-Adminbereich an.
- Navigieren Sie zu Online-Shop > Themes.
- Wählen Sie Ihr aktuelles Theme aus und klicken Sie auf Theme bearbeiten (Edit Theme).
-
Menü-Vorlagendatei lokalisieren:
-
Identifizieren Sie im Theme-Code-Editor die Datei, die für die Struktur Ihres Hauptmenüs verantwortlich ist. Der Dateiname kann je nach Ihrem Theme variieren; zu den üblichen Speicherorten gehören jedoch:
- header.liquid
- navigation.liquid
- Themespezifische Menü-Vorlagendateien
- Block hinzufügen
- Gehen Sie zum Bereich „Apps“ und wählen Sie dort „Webplanex Wallet Balance“ aus.
- Speichern Sie die Änderungen.
Um das „Wallet-Guthaben-Symbol“ (Wallet Balance Icon) im Menü eines Theme 2.0 hinzuzufügen, müssen Sie einen Code-Snippet verwenden.
Code-Snippet zum Hinzufügen des Links:
- Sobald Sie die Menü-Vorlagendatei gefunden haben, suchen Sie im Code den entsprechenden Abschnitt, an dem Sie den Link einfügen möchten.
- Fügen Sie das folgende Code-Snippet ein:
Code-Snippet – Label für das Wallet-Guthaben
<span class="wpcb_wallet_balance"></span>Code-Snippet – Link zu „Mein Wallet“
<a href="javascript:void(0)" id="wpcb_my_wallet_page_link"> Mein Wallet </a>
-
Änderungen speichern:
Klicken Sie auf „Speichern“, um die Code-Änderungen auf Ihr Theme anzuwenden.
-