Pagina Carrello: Sezioni e Blocco

Una pagina del carrello è una pagina Web in cui i clienti possono rivedere il proprio carrello, apportare modifiche al proprio ordine e procedere al pagamento.

Con Concept , un tema Shopify OS 2.0 , hai la possibilità di aggiungerevarie sezioni su ogni pagina. Ciò significa che puoi personalizzare completamente l'aspetto della pagina del carrello aggiungendo le sezioni che desideri. Basta fare clic sul pulsante Aggiungi sezione e scegliere le sezioni che desideri vengano visualizzate sulla tua pagina.

In questo modo, puoi creare una pagina del carrello visivamente accattivante che manterrà i tuoi visitatori coinvolti e informati.

Per impostazione predefinita, il gruppo di modelli include due sezioni:

  1. Sezione della pagina del carrello
  2. Sezione visualizzata di recente

1. Sezione della pagina del carrello

Le impostazioni per la sezione della pagina Carrello
Impostazioni della sezione Descrizione
Intestazione
Dimensione dell'intestazione La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Molto grande .
Allineamento della rotta L'intestazione può essere allineata a sinistra , al centro o a destra .
Etichetta di intestazione Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO.
Mostra venditore Visualizza i fornitori di ciascun prodotto nel carrello.
Mostra il calcolatore delle tariffe di spedizione

Calcolatore di spedizione

Abilita le impostazioni del tema che consentono ai clienti di calcolare la tariffa di spedizione approssimativa inserendo il proprio paese/regione, provincia e codice postale.

Se il tuo cliente ha effettuato l'accesso, verrà selezionato il Paese nel suo indirizzo di spedizione predefinito.

Sezione
Puoi regolare il riempimento superiore e il riempimento inferiore da 0px a 120px con incrementi di 4px.
Mostra divisore di sezione Mostra un divisore di linea sopra questa sezione
Rendi la sezione a larghezza intera Rende il contenitore a tutta larghezza.
Rendi la sezione arrotondata Applica un bordo arrotondato ai due angoli superiori.
CSS personalizzato Aggiunge CSS personalizzato a questa sezione.

Blocchi disponibili:

  • 1.1 Totale parziale
  • 1.2 Nota sul carrello
  • 1.3 Pulsante Cassa
  • 1.4 Messaggio di spedizione gratuita
  • 1.5 Campo personalizzato
1.1 Le impostazioni per il blocco Subtotale.

Nessuna impostazione personalizzabile disponibile.

1.2 Le impostazioni per il blocco note del carrello.
Intestazione : aggiunge una nota al tuo ordine.
1.3 Le impostazioni per il blocco del pulsante Checkout.

Nessuna impostazione personalizzabile disponibile.

1.4 Le impostazioni per il blocco del messaggio di spedizione gratuita.

Assicurati di aver configurato correttamente le tariffe di spedizione .

Importo minimo della spedizione gratuita : inserisci l'importo utilizzando solo il numero. Se si utilizzano più valute, separare ciascun codice valuta con il relativo importo (ad esempio: USD:100, EUR:95, JPY:13000 .)

1.5 Le impostazioni per il blocco di campi personalizzati.
Impostazioni di blocco Descrizione
Campo personalizzato

Tipo Seleziona 5 dei seguenti per visualizzare i tipi di blocco:
  • Testo: breve
  • Testo: lungo
  • Casella di controllo
  • Tasti della radio
  • Menu `A tendina
  • Etichetta Aggiunge il testo dell'etichetta.
    Necessario Contrassegna questa impostazione come opzione obbligatoria.
    Casella di controllo

    Valore controllato Imposta il valore per il valore controllato.
    Valore non controllato Imposta il valore per il valore non selezionato.
    Tasti della radio

    Opzioni

    Visualizza le varianti come pulsanti selezionabili.

    Aggiunge le opzioni. Separa le opzioni con una virgola (ad esempio: Opzione 1, Opzione 2, Opzione 3 ).

    Menu `A tendina

    Opzioni

    Visualizza le varianti in un menu a discesa espandibile.

    Aggiunge le opzioni. Separa le opzioni con una virgola (ad esempio: Opzione 1, Opzione 2, Opzione 3 ).

    2. Visti di recente

    Le impostazioni per la sezione Visti di recente
    Impostazioni della sezione Descrizione
    Visualizzato recentemente
    Numero di prodotti recenti Il numero di prodotti complementari può variare da 2 a 12.
    Numero di colonne sul desktop Personalizza il numero di colonne visualizzate sul browser desktop da 1 colonna a 5 colonne
    Abilita il carosello sul desktop Visualizza un carosello di prodotti su un browser desktop.
    Disposizione mobile
    Numero di colonne su dispositivi mobili Personalizza il numero di colonne visualizzate sul browser mobile: 1 colonna o 2 colonne .
    Abilita lo scorrimento sul cellulare Imposta la visualizzazione mobile su una riga con scorrimento orizzontale.
    Intestazione
    Intestazione Il titolo della sezione.
    Dimensione dell'intestazione La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Molto grande .
    Allineamento della rotta L'intestazione può essere allineata a sinistra , al centro o a destra .
    Etichetta di intestazione Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO.
    Sottotitolo Il sottotitolo dell'intestazione è posizionato sopra l'intestazione.
    Descrizione Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione.
    Testo evidenziato

    Testo evidenziato Scegli tra una delle 6 opzioni seguenti per formattare il testo:
    • Colore del testo
    • Colore dello sfondo del testo
    • Sottolineatura fantasia
    • Sottolineatura regolare
    • Testo dello stampino
    • Scarabocchio disegnato a mano
    Scarabocchio evidenziato

    Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano.

    Questa impostazione offre 5 modi per evidenziare il testo:
    • Cerchio
    • Sottolineatura elementare
    • Sottolineatura dello schizzo
    • Sottolineatura scarabocchio
    • Sottolineato scarabocchio 2
    Colore

    Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
    • Testo
    • Sfondo
    • Gradiente di sfondo
    • Evidenziare
    • Evidenzia gradiente
    • Testo del pulsante
    • Sfondo del pulsante
    • Gradiente dello sfondo del pulsante
    Sezione
    Puoi regolare il riempimento superiore e il riempimento inferiore da 0px a 120px con incrementi di 4px.
    Mostra divisore di sezione Mostra un divisore di linea sopra questa sezione.
    Rendi la sezione a larghezza intera Rende il contenitore a tutta larghezza.
    Rendi la sezione arrotondata Applica un bordo arrotondato ai due angoli superiori.
    CSS personalizzato Aggiunge CSS personalizzato a questa sezione.

    Questa sezione non supporta l'aggiunta di blocchi.

    Speriamo che questo articolo sia stato utile. Se hai domande o dubbi su questa funzionalità, non esitare a contattare il nostro team per ricevere supporto.