Visualizzazione dell'icona del carrello

Istruzioni per stilizzare o nascondere l'icona del carrello del negozio.

Ultimo aggiornamento 27 febbraio 2024

Tutti i siti supportano un'icona del carrello che mostra il numero di articoli nel carrello di un cliente e conduce alla pagina di pagamento.

Definire lo stile dell'icona

La definizione dello stile dell'icona del carrello dipende dalla versione del sito.

L'icona del carrello viene visualizzata nell'intestazione del sito per impostazione predefinita.

Per attivare e personalizzare l'icona del carrello:

  1. Clicca su Modifica nell'angolo in alto a sinistra dell'anteprima del tuo sito.
  2. Posiziona il mouse sull'intestazione e clicca su Modifica intestazione sito.
  3. Clicca su Aggiungi elementi.
  4. Attiva l'opzione Carrello.
  5. Clicca su un punto qualsiasi al di fuori dell'editor.
  6. Clicca sull'icona del carrello nell'intestazione, quindi sull'icona della matita.
  7. Seleziona lo stile.
    • Se scegli Icona, seleziona l'icona di un carrello, di un cestino o di una borsa da visualizzare nell'intestazione, quindi clicca su Indietro per impostare la dimensione dell'icona del carrello.
    • Se scegli Testo, al posto dell'icona viene visualizzato un testo personalizzabile fino a 10 caratteri, nello stesso stile dei link di navigazione.
  8. In Bordo, abilita un bordo che circonda l'icona scegliendo una forma del bordo, quindi scegli Contorno o Tinta unita per modificare il design. Se scegli Contorno, imposta lo spessore del contorno.
  9. Per mostrare 0 accanto al carrello prima che i clienti aggiungano qualcosa, attiva l'opzione Mostra "0" nel carrello.
  10. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

Icona del carrello impostata come testo sui dispositivi mobili

Quando l'icona del carrello è impostata su Testo, sui dispositivi mobili appare come numero di articoli presenti nel carrello. Il sito inizialmente mostrerà "(0)" nell'intestazione come icona del carrello. La modifica dell'opzione Mostra "0" nel carrello non influisce sulla modalità di visualizzazione sui dispositivi mobili.

La visualizzazione dell'icona del carrello dipende dal modello. Ricorda:

  • Nella maggior parte dei modelli, l'icona del carrello viene visualizzata automaticamente su tutte le pagine dopo che un cliente aggiunge un articolo al carrello.
  • In alcuni modelli, l'icona è un elemento permanente dell'intestazione.
  • Il carrello non viene visualizzato se Pagamento rapido è abilitato.
  • Se il carrello non viene visualizzato, consulta i nostri suggerimenti per la risoluzione dei problemi.

Visualizzazione per modello

Queste famiglie di modelli hanno il pulsante classico:

  • Adirondack
  • Avenue
  • Aviator
  • Bedford - Visualizzato sotto gli elementi dell'intestazione
  • Five
  • Flatiron - Visualizzato sotto l'intestazione
  • Forte - Visualizzato nell'angolo in basso a destra
  • Galapagos
  • Ishimoto
  • Momentum - Visualizzato in alto a sinistra se la barra di navigazione è in basso oppure in basso a sinistra se la barra di navigazione è in alto
  • Montauk
  • Native
  • Pacific - È rettangolare e puoi impostarne colori e tipo di carattere. Il pulsante ha lo stesso aspetto su dispositivi mobili (senza barra di navigazione).
  • Supply - Rettangolare
  • Wells - Rettangolare
  • Wexley

Queste famiglie di modelli offrono opzioni avanzate:

  • Brine
  • Skye
  • Tremont
  • Farro
  • York

Suggerimento

puoi definire lo stile di altri elementi, come il pulsante Aggiungi al carrello, la Pagina negozio e il pulsante Continua gli acquisti.

Pulsante classico

La maggior parte dei modelli supporta il pulsante classico, che mostra l'icona del carrello in un pulsante nero a forma di pillola nell'angolo in alto a destra. Viene visualizzato automaticamente su tutte le pagine dopo che un cliente ha aggiunto un articolo al carrello. Non ha opzioni di stile.

classic-button-desktop.png

Sui dispositivi mobili il pulsante classico appare come barra di navigazione nella parte inferiore:

classic-button-mobile.png

Opzioni di stile avanzate

Puoi personalizzare lo stile del carrello nel pannello Stili sito in queste famiglie di modelli:

Famiglia di modelli Visualizzazione su computer Visualizzazione su dispositivi mobili

Brine

Viene visualizzato come carrello, testo o borsa nell'intestazione. Può essere nascosto. Ulteriori informazioni.

Stili per dispositivi mobili separati. Viene visualizzato nella barra di navigazione superiore o inferiore come carrello, testo o borsa. Può essere nascosto. Maggiori informazioni.

Farro

Viene visualizzato come carrello, testo o borsa nell'intestazione. Può essere nascosto. Maggiori informazioni.

Stili per dispositivi mobili separati. Viene visualizzato nella barra di navigazione superiore o inferiore come carrello, testo o borsa. Può essere nascosto. Maggiori informazioni.

Pacific

Viene visualizzato in un pulsante rettangolare nell'angolo in alto a destra. Solo testo. Puoi personalizzare i colori. Non può essere nascosto. Maggiori informazioni.

Appare come su computer. Viene visualizzato nell'angolo in basso a destra. Non può essere nascosto. Maggiori informazioni.

Skye

Viene visualizzato come icona di una borsa nell'angolo in alto a destra dopo aver aggiunto una Pagina negozio al sito. Non può essere nascosto. Maggiori informazioni.

Appare come su computer. Viene visualizzato nella parte inferiore in una barra di navigazione. Maggiori informazioni.

Tremont

Viene visualizzato come testo con la navigazione o come icona di una borsa o di un carrello in alto a destra. Può essere nascosto. Maggiori informazioni.

Appare come su computer. Viene visualizzato in alto a destra (icona) o sotto i link di navigazione quando si tocca l'icona del menu (testo). Se nascosto sul computer, viene nascosto anche su dispositivi mobili. Maggiori informazioni.

York

Viene visualizzato come carrello, testo o borsa nell'intestazione. Può essere nascosto. Maggiori informazioni.

Stili per dispositivi mobili separati. Viene visualizzato sotto i link di navigazione quando si tocca l'icona del menu. Può essere nascosto. Maggiori informazioni.

Nascondere l'icona del carrello

Il modo in cui nascondi l'icona del carrello dipende dalla versione del sito.

Per nascondere l'icona dall'intestazione del sito:

  1. Clicca su Modifica nell'angolo in alto a sinistra dell'anteprima del tuo sito.
  2. Posiziona il mouse sull'intestazione e clicca su Modifica intestazione sito.
  3. Clicca su Aggiungi elementi.
  4. Disattiva l'opzione Carrello.
  5. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

Se nascondi l'icona del carrello, viene visualizzata un'icona del carrello nella parte inferiore della pagina quando qualcuno aggiunge un prodotto al carrello. Per cambiare il colore dell'icona:

  1. Quando modifichi una pagina, apri Stili sito, quindi clicca su Colori.
  2. Sotto Pulsante, imposta i colori di Sfondo e  Testo. Il carrello segue il tema cromatico predefinito del tuo sito.
  3. Clicca su Salva per salvare il lavoro e continuare ad apportare modifiche, oppure clicca su Esci e poi su Salva per chiudere l'editor.

Non è possibile disattivare l'icona o modificarne le dimensioni e la forma.

Senza l'icona del carrello, i clienti non saranno in grado di trovare la pagina di pagamento da soli. Dovresti nasconderla solo se utilizzi il Pagamento rapido o vendi solo prodotti in abbonamento. In questi casi, i clienti vengono portati automaticamente alla pagina di pagamento dopo aver selezionato un prodotto.

Puoi utilizzare i tweak Stili sito elencati di seguito per nascondere o mostrare il carrello in queste famiglie di modelli:

  • Brine - Posizione Carrello
  • Farro - Posizione Carrello
  • Tremont - Visualizzazione link carrello
  • York - Posizione Carrello
Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.

Visualizzazione dell'icona del carrello