Carrello WooCommerce
Mostra un'icona carrello con un badge contatore in tempo reale direttamente nella barra di navigazione. Il badge si aggiorna istantaneamente quando i clienti aggiungono o rimuovono prodotti — senza ricaricare la pagina.
Requisiti
WooCommerce deve essere installato e attivato sul sito. La funzione icona carrello non è disponibile senza WooCommerce. Tutti gli altri moduli di Menu Builder funzionano indipendentemente da WooCommerce.
Attivare l'icona carrello
- Vai su Menu Builder → Carrello.
- Attiva l'interruttore Mostra icona carrello.
- Scegli lo stile dell'icona e le altre opzioni di visualizzazione.
- Salva le impostazioni.
L'icona apparirà nella barra di navigazione nella posizione configurata. Il contatore viene aggiornato automaticamente tramite il sistema di frammenti di WooCommerce ogni volta che il contenuto del carrello cambia.
Posizione dell'icona
Puoi controllare dove viene visualizzata l'icona carrello nella barra di navigazione:
- Destra (predefinito) — l'icona è posizionata all'estremità destra della barra, dopo tutte le voci di menu.
- Sinistra — l'icona è posizionata all'estremità sinistra della barra.
Per un posizionamento più preciso, puoi anche inserire l'icona carrello come voce di menu speciale, trascinandola nella posizione desiderata nell'elenco delle voci.
Stile
| Opzione | Descrizione |
|---|---|
| Stile icona | Scegli tra diversi design di icona carrello (outline, filled, minimal). |
| Colore icona | Colore dell'icona carrello nella barra. |
| Mostra badge contatore | Visualizza il numero di articoli nel carrello come badge sovrapposto all'icona. |
| Mostra totale | Mostra il totale del carrello accanto all'icona. |
| Sfondo badge | Colore di sfondo del badge contatore. |
| Nascondi se vuoto | Nasconde l'icona quando il carrello è vuoto. |
Dropdown mini carrello
Puoi abilitare un mini carrello a dropdown che si apre al passaggio del mouse (o al clic) sull'icona, mostrando il riepilogo degli articoli e i pulsanti per andare al carrello o al checkout.
- Nella sezione Mini carrello, attiva l'interruttore Abilita dropdown mini carrello.
- Scegli se il dropdown deve aprirsi al passaggio del mouse o al clic sull'icona.
Il contatore del carrello si aggiorna in tempo reale usando il sistema nativo di frammenti di WooCommerce — lo stesso meccanismo usato dal tema Storefront e dalla maggior parte dei temi WooCommerce compatibili. Non è necessario alcun codice personalizzato. L'icona legge solo la sessione WooCommerce già esistente del visitatore sul tuo server — non aggiunge alcun tracciamento, non imposta nuovi cookie e non effettua chiamate a terze parti.