Segui i passaggi seguenti per integrare l'icona del Saldo del Wallet nell'intestazione del tuo negozio utilizzando l'app Webplanex Loyalty Wallet:
1. Apri l'app Webplanex Loyalty Wallet.
2. Vai alla sezione Elementi del Tema (Theme Element).
3. Sotto Elementi dell'Intestazione (Header Elements), individua l'opzione Integrazione Icona Wallet.
4. Clicca sul pulsante Installa.
Dopo aver cliccato su Installa, verrai reindirizzato alla pagina di personalizzazione del tema Shopify.
Nell'Editor del Tema Shopify
1. Apri il modello della Home Page.
2. Vai alla sezione Intestazione (Header).
3. Clicca su Aggiungi blocco (Add Block) sotto la sezione App.
4. Seleziona Webplanex Wallet Balance tra i blocchi app disponibili.
5. Salva le modifiche.
Una volta salvato, aggiorna la pagina del tuo negozio e l'icona del Saldo del Wallet apparirà nell'intestazione del tuo store.
Icona del Saldo e Icona "Il mio Wallet" nel Menu
Passaggi:
-
Accesso ai file del tema:
- Accedi al pannello di amministrazione di Shopify.
- Vai su Negozio online > Temi.
- Seleziona il tuo tema attuale e clicca su Modifica tema.
-
Individuazione del file del modello del menu:
-
All'interno dell'editor del codice del tema, identifica il file responsabile della struttura del tuo menu principale. Il nome di questo file potrebbe variare a seconda del tuo tema, ma le posizioni più comuni includono:
- header.liquid
- navigation.liquid
- File modello del menu specifici del tema
- Aggiungi blocco
- Vai alla sezione App, quindi seleziona "Webplanex Wallet Balance"
- Salva le modifiche
Per aggiungere l'"Icona del Saldo del Wallet" nel menu (nei temi 2.0), è necessario utilizzare uno snippet di codice.
Aggiunta dello snippet di codice per il link:
- Una volta individuato il file modello del menu, trova la sezione appropriata all'interno del codice in cui desideri inserire il link.
- Incolla il seguente snippet di codice:
Snippet di codice – Etichetta del saldo del Wallet
<span class="wpcb_wallet_balance"></span>Snippet di codice – Link "Il mio Wallet"
<a href="javascript:void(0)" id="wpcb_my_wallet_page_link"> Il mio Wallet </a>
-
Salva modifiche:
Clicca su Salva per applicare le modifiche al codice del tuo tema.
-