Guida
Accedi

Personalizzazione delle impostazioni del tema

Puoi personalizzare le impostazioni generali del tuo negozio online, come la tipografia, i colori, i link ai social media e la pagina del carrello, dalla sezione Impostazioni del tema del menu della barra laterale dell'editor del tema. Le modifiche che apporti nella sezione Impostazioni del tema si applicano all'intero negozio online.

Anche sezioni e blocchi dispongono di impostazioni singole che puoi regolare per personalizzare le singole sezioni del tema. Scopri di più su sezioni e blocchi.

In questa pagina

Puoi aggiungere un logo per la tua attività al tuo negozio online. Il logo viene visualizzato nelle seguenti posizioni:

  • l'header su tutte le pagine
  • la pagina protetta da password

Personalizza il logo

Le immagini del logo hanno una larghezza massima di 300 px.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Trova il tema che desideri modificare, quindi clicca su Modifica tema.

  3. Clicca sull'icona impostazioni Impostazioni del tema.

  4. Clicca su Logo.

  5. Nell'area Logo, aggiungi un'immagine o usane una gratuita:

    • Per aggiungere un'immagine, clicca su Seleziona immagine, quindi aggiungi un'immagine nuova o esistente:
      • Per utilizzare un'immagine già caricata nel pannello di controllo Shopify, seleziona l'immagine e clicca su Fine.
      • Per utilizzare un'immagine dal tuo computer locale, clicca su Aggiungi immagini. Seleziona e aggiungi un'immagine, quindi clicca su Fine.
    • Per utilizzare un'immagine gratuita, clicca su Esplora immagini gratuite. Trova un'immagine, clicca sull'immagine per selezionarla, quindi clicca su Seleziona.

  6. Facoltativo: aggiungi un testo alternativo all'immagine del logo:

    1. Nell'area Logo, clicca su Modifica.
    2. Nel campo Testo alternativo, inserisci una breve descrizione dell'immagine.
    3. Clicca su Salva.

  7. Facoltativo: nell'area Larghezza logo desktop, utilizza il cursore per regolare la larghezza del logo in pixel.

  8. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare, quindi tocca Modifica tema.

  5. Tocca … o ⋮, quindi tocca Impostazioni del tema.

  6. Tocca Logo.

  7. Nell'area Logo, aggiungi un'immagine o usane una gratuita:

    • Per aggiungere un'immagine, tocca Seleziona immagine, quindi aggiungi un'immagine nuova o esistente:
      • Per utilizzare un'immagine già caricata nel pannello di controllo Shopify, seleziona l'immagine, quindi tocca Fine.
      • Per utilizzare un'immagine dal tuo dispositivo locale, tocca Aggiungi immagini. Seleziona e aggiungi un'immagine dal tuo dispositivo locale, tocca l'immagine per selezionarla, quindi tocca Fine.
    • Per utilizzare un'immagine gratuita, tocca Esplora immagini gratuite. Trova un'immagine, toccala per selezionarla, quindi tocca Fine.

  8. Facoltativo: aggiungi un testo alternativo all'immagine del logo:

    1. Nell'area Logo, tocca Modifica.
    2. Nel campo Testo alternativo, inserisci una breve descrizione dell'immagine.
    3. Tocca Salva o ✓.

  9. Facoltativo: nell'area Larghezza logo desktop, utilizza il cursore per regolare la larghezza del logo in pixel.

  10. Tocca Salva o ✓.

Aggiungi una favicon

Puoi aggiungere un'icona dei preferiti, o favicon, utile per il branding del tuo negozio online. La favicon viene visualizzata nelle seguenti posizioni:

  • la scheda del browser web
  • la cronologia del browser web
  • icone sul desktop
  • accanto al nome del negozio online quando il sito web viene aggiunto ai preferiti

Scopri di più sui favicon.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Trova il tema a cui desideri aggiungere un favicon, quindi clicca su Modifica tema.

  3. Clicca sull'icona impostazioni Impostazioni del tema.

  4. A seconda della versione del tema, clicca su Logo o Favicon.

  5. Nella sezione Immagine favicon clicca su Seleziona immagine, quindi aggiungi un’immagine nuova o esistente:

    • Per selezionare un’immagine che hai già caricato nel pannello di controllo Shopify, puoi cercarla o trovarla e selezionarla con la casella di spunta.
    • Per selezionare un’immagine dal computer locale, clicca su Aggiungi immagini, aprila dal computer locale e selezionala con la casella di spunta.

  6. Clicca su Fatto.

  7. Facoltativo: aggiungi un testo alternativo all’immagine del favicon:

    1. Nella sezione Immagine favicon, clicca su Modifica.
    2. Nel campo Testo alternativo, inserisci una breve descrizione dell'immagine.
    3. Clicca su Salva.

  8. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema a cui desideri aggiungere un favicon, quindi tocca Modifica tema.

  5. Tocca … o ⋮, quindi tocca Impostazioni del tema.

  6. A seconda della versione del tema, tocca Logo o Favicon.

  7. Nella sezione Immagine favicon tocca Seleziona immagine, quindi aggiungi un’immagine nuova o esistente:

    • Per selezionare un’immagine che hai già caricato nel pannello di controllo Shopify, puoi cercarla o trovarla e selezionarla con la casella di spunta.
    • Per selezionare un’immagine dal dispositivo locale, tocca Aggiungi immagini, aprila dal dispositivo locale e selezionala con la casella di spunta.

  8. Tocca Fatto.

  9. Aggiungi un testo alternativo all’immagine del favicon:

    1. Nella sezione Immagine favicon, tocca Modifica.
    2. Nel campo Testo alternativo, inserisci una breve descrizione dell'immagine.
    3. Tocca Salva o ✓.

  10. Tocca Salva o ✓.

Colori

Nelle impostazioni del tema puoi definire diversi schemi di colori e applicarli a diverse sezioni in tutto il negozio online con un selettore di schemi di colori. Uno schema di colori è un insieme di colori. Il tema include una serie di schemi di colori predefiniti, che puoi modificare in qualsiasi momento nell'editor del tema. Puoi aggiungere i colori del brand per garantire un'applicazione coerente della palette di colori in tutto il negozio online.

I modelli non dispongono di impostazioni dei colori individuali, in modo che il design del negozio online sia coerente in tutto il sito web. Un modello è considerato una pagina principale o il contenuto principale di un negozio. La presenza di schemi di colori diversi in tutto il negozio potrebbe compromettere la user experience e indurre i clienti ad abbandonare il negozio senza acquistare prodotti.

Puoi creare e personalizzare fino a 21 schemi di colori unici e applicarli a sezioni diverse in tutto il negozio online.

Schemi di colori

Gli schemi di colori sono un’impostazione del tema che raggruppa elementi e colori corrispondenti in modo visivamente rappresentativo. Puoi assegnare colori diversi a vari elementi in uno schema di colori coerente, da applicare in tutto il tema laddove sia disponibile un selettore di schemi di colori. Puoi avere fino a 21 schemi di colori. Puoi anche visualizzare in anteprima la modalità di visualizzazione dei colori nell’anteprima dello schema.

Elenco delle diverse impostazioni che puoi applicare agli schemi di colori nell'editor del tema.
ImpostazioneDescrizione
SfondoIl colore viene applicato allo sfondo di alcune sezioni e allo sfondo del pulsante con contorno.
Sfumatura sfondoUna sfumatura di colori viene applicata allo sfondo di alcune sezioni. Le sfumature di sfondo sostituiscono lo sfondo, dove possibile.
TestoIl colore viene applicato al testo della sezione o del blocco.
Sfondo del pulsante a tinta unitaIl colore viene applicato allo sfondo del pulsante principale.
Etichetta del pulsante a tinta unitaIl colore viene applicato al testo del pulsante principale.
Pulsante con contornoIl colore viene applicato al testo e al bordo del pulsante secondario.
OmbraIl colore viene applicato alle ombre.

Gestione dello schema di colori

Lo schema di colori e le opzioni di colore del negozio sono impostati nelle impostazioni del tema. Per i colori a tinta unita, utilizza il selettore di colori per selezionare un nuovo colore o inserisci il valore del colore nel campo di testo. Il campo del colore accetta i seguenti nomi e valori di colore:

  • Nomi di colori come red, black o blue.
  • Codici colore RGB.
  • Valori di colore esadecimali.

Passaggi:

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Clicca su Modifica tema accanto al tema che desideri personalizzare.

  3. Clicca sull’icona impostazioni, quindi clicca su Colori.

  4. Nella sezione Schemi, clicca su uno schema esistente o clicca su Aggiungi schema per aggiungere un nuovo schema di colori.

  5. Clicca sul campione di colore per il colore del tipo di contenuto che desideri modificare.

  6. Per impostare il colore, inserisci un codice colore esadecimale o scegli il colore dal selettore di colori. Per impostare il colore su trasparente, elimina il codice esadecimale dal campo di testo.

  7. Clicca su Salva.

Applicazione dello schema di colori

Dopo aver definito lo schema di colori nelle impostazioni del tema, puoi assegnare uno schema di colori utilizzando il selettore di schemi di colori nelle sezioni e nei blocchi del tema. Il selettore di schemi di colori è disponibile solo in alcune sezioni, blocchi e impostazioni generali del tema.

Selettore di schemi di colori

Sfumature

In alcuni temi puoi impostare una sfumatura di colori per ottenere opzioni di sfondo visivamente interessanti. L'impostazione color_background viene utilizzata per personalizzare la proprietà di sfondo CSS.

Con il selettore di sfumature puoi selezionare i colori, lo stile della sfumatura, l’angolazione, la posizione e l’opacità. Le opzioni selezionate nel selettore di sfumature vengono visualizzate in anteprima in tempo reale nell’editor del tema. Puoi anche creare uno sfondo sfumato utilizzando il codice CSS, che include un controllo di convalida.

Impostazione delle sfumature

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Clicca su Modifica tema accanto al tema che desideri personalizzare.

  3. Clicca sull’icona impostazioni, quindi clicca su Colori.

  4. Nella sezione Schemi clicca su uno schema esistente che desideri modificare.

  5. Clicca sull’opzione del campione di colore della sfumatura, ad esempio Sfumatura sfondo.

  6. Se non hai mai impostato una sfumatura, ti verranno mostrate alcune opzioni predefinite tra cui scegliere. Seleziona una sfumatura predefinita per aprire il pannello delle opzioni.

  7. Seleziona le opzioni della sfumatura:

  • Scegli tra una sfumatura lineare o radiale. Usa i pulsanti per selezionare lo stile di sfumatura che preferisci.
  • Imposta l'angolazione della sfumatura con le frecce su e giù. Clicca sulla freccia su o giù per aumentare o diminuire la percentuale dell'angolazione di 5.
  • Usa il cursore per selezionare la Posizione della sfumatura o inserisci un valore numerico nel campo.
  • Inserisci un codice colore esadecimale specifico o usa il cursore del colore per scegliere una tonalità. I colori selezionati di recente vengono visualizzati nella parte inferiore del pannello delle opzioni della sfumatura.
  • Per rendere opaca la sfumatura, usa il cursore a destra per selezionarne la trasparenza. Puoi anche inserire una percentuale nel campo accanto al codice colore esadecimale.
  1. Clicca su Salva.

Selettore di sfumatura nell'editor del tema

Impostazione delle sfumature con CSS

La maggior parte dei valori della proprietà background di CSS può essere utilizzata per impostare un colore di sfondo. Puoi utilizzare questo campo per i colori a tinta unita (ad esempio, #000000, nero, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) e hsla(0, 0%, 0%, 1) producono tutti uno sfondo nero a tinta unita) o per le sfumature (ad esempio, linear-gradient(red, green), radial-gradient(red, green) o conic-gradient(red, green)). Le sfumature possono anche essere ripetute.

Passaggi:

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Clicca su Modifica tema accanto al tema che desideri personalizzare.

  3. Clicca sull’icona impostazioni, quindi clicca su Colori.

  4. Nella sezione Schemi clicca su uno schema esistente che desideri modificare.

  5. Clicca sulla sfumatura che desideri modificare.

  6. Clicca sulla freccia accanto a Sfumatura, quindi seleziona CSS.

  7. Nel campo Codice CSS, digita o incolla il codice della sfumatura. L'anteprima dell'editor del tema mostra la sfumatura nella posizione appropriata.

  8. Clicca su Salva.

Campo Codice CSS della sfumatura nell'editor del tema

Rimuovi una sfumatura

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Clicca su Modifica tema accanto al tema che desideri personalizzare.

  3. Clicca sull’icona impostazioni, quindi clicca su Colori.

  4. Nella sezione Schemi clicca su uno schema esistente che desideri modificare.

  5. Clicca sulla sfumatura che desideri rimuovere.

  6. Clicca su Rimuovi sfumatura.

  7. Clicca su Salva.

Tipografia

Puoi impostare lo stile e la dimensione del font per il testo del negozio online. Puoi scegliere un font di sistema o aggiungere un font personalizzato. I font disponibili nel tema dipendono dallo sviluppatore del tema. Tutti i temi gratuiti di Shopify utilizzano i font della Libreria di font di Shopify.

Valuta la possibilità di utilizzare i font di sistema nel negozio, perché sono già installati sul computer dell'utente. L'utilizzo dei font di sistema evita il download di nuovi font sul computer del cliente, il che può influire negativamente sulla velocità di caricamento del negozio. Il font visualizzato sul computer del cliente dipende dal suo sistema operativo.

Personalizza i tipi di font

Consulta la Libreria di font di Shopify per un elenco dei font disponibili.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Trova il tema che desideri modificare, quindi clicca su Modifica tema.

  3. Clicca sull'icona impostazioni Impostazioni del tema.

  4. Clicca su Tipografia.

  5. Per modificare un tipo di font per le intestazioni o il corpo del testo del negozio, clicca su Modifica nella sezione Intestazioni o Corpo.

  6. Clicca sul nome del font che desideri utilizzare, quindi clicca su Seleziona.

  7. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare, quindi tocca Modifica tema.

  5. Tocca … o ⋮, quindi tocca Impostazioni del tema.

  6. Tocca Tipografia.

  7. Per modificare un tipo di font per le intestazioni o il corpo del testo del negozio, tocca Modifica nella sezione Intestazioni o Corpo.

  8. Tocca il nome del font che desideri utilizzare, quindi tocca Fine.

  9. Tocca Salva o ✓.

Personalizza le dimensioni del font

Puoi impostare le dimensioni predefinite del font per le intestazioni e il corpo del testo con l'impostazione del tema Tipografia.

La dimensione minima del font è 100% e quella massima 150%. Ogni incremento della scala aumenta la dimensione del font del 5%. L'impostazione predefinita è 100%.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Trova il tema che desideri modificare, quindi clicca su Modifica tema.

  3. Clicca sull'icona impostazioni Impostazioni del tema.

  4. Clicca su Tipografia.

  5. Per modificare la dimensione predefinita del font del testo delle Intestazioni, usa il cursore Scala dimensioni font per selezionare la dimensione predefinita.

  6. Per modificare la dimensione predefinita del font del testo del Corpo, usa il cursore Scala dimensioni font per selezionare la dimensione predefinita.

  7. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare, quindi tocca Modifica tema.

  5. Tocca … o ⋮, quindi tocca Impostazioni del tema.

  6. Tocca Tipografia.

  7. Per modificare la dimensione predefinita del font del testo delle Intestazioni, usa il cursore Scala dimensioni font per selezionare la dimensione predefinita.

  8. Per modificare la dimensione predefinita del font del testo del Corpo, usa il cursore Scala dimensioni font per selezionare la dimensione predefinita.

  9. Tocca Salva o ✓.

Layout

Puoi impostare la larghezza massima di visualizzazione del negozio online e impostare lo spazio verticale e orizzontale tra le sezioni.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Trova il tema che desideri modificare, quindi clicca su Modifica tema.

  3. Clicca sull'icona impostazioni Impostazioni del tema.

  4. Clicca su Layout.

  5. Usa il cursore dell'intervallo Larghezza pagina per scegliere una larghezza della pagina compresa tra 1000 px e 1600 px. L'impostazione predefinita è 1600 px.

  6. Facoltativo: usa il cursore dell'intervallo per aggiungere spazio verticale tra le sezioni del modello sulle pagine. Puoi aggiungere fino a un massimo di 100 px tra le sezioni.

  7. Facoltativo: se hai un layout a griglia, utilizza i cursori dell'intervallo Spazio orizzontale e Spazio verticale per aggiungere spazio tra i contenuti della griglia sulle pagine. L'aggiunta di spazio orizzontale aggiungerà un massimo di 40 px di spazio alle righe di contenuto sulle pagine, mentre l'aggiunta di spazio verticale aggiungerà un massimo di 40 px di spazio alle colonne di contenuto.

  8. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare, quindi tocca Modifica tema.

  5. Tocca … o ⋮, quindi tocca Impostazioni del tema.

  6. Tocca Layout.

  7. Usa il cursore dell'intervallo Larghezza pagina per scegliere una larghezza della pagina compresa tra 1000 px e 1600 px. L'impostazione predefinita è 1600 px.

  8. Facoltativo: usa il cursore dell'intervallo per aggiungere spazio verticale tra le sezioni del modello sulle pagine. Puoi aggiungere fino a un massimo di 100 px tra le sezioni.

  9. Facoltativo: se hai un layout a griglia, utilizza i cursori dell'intervallo Spazio orizzontale e Spazio verticale per aggiungere spazio tra i contenuti della griglia sulle pagine. L'aggiunta di spazio orizzontale aggiungerà un massimo di 40 px di spazio alle righe di contenuto sulle pagine, mentre l'aggiunta di spazio verticale aggiungerà un massimo di 40 px di spazio alle colonne di contenuto.

  10. Tocca Salva o ✓.

Animazioni

Le animazioni consentono di aggiungere movimento e interesse visivo al negozio online. Puoi attivare un'animazione in dissolvenza che rivela le sezioni del negozio durante lo scorrimento e un effetto al passaggio del mouse per schede e pulsanti.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Trova il tema che desideri modificare, quindi clicca su Modifica tema.

  3. Clicca sull'icona impostazioni Impostazioni del tema.

  4. Clicca su Animazioni.

  5. Facoltativo: per attivare un'animazione che rivela le sezioni del negozio online durante lo scorrimento, seleziona Mostra sezioni durante lo scorrimento.

  6. Facoltativo: per aggiungere un'animazione con effetto al passaggio del mouse a schede e pulsanti, seleziona una delle seguenti opzioni dall'impostazione Effetto al passaggio del mouse:

    • Sollevamento verticale: quando un cliente passa il mouse su una scheda o un pulsante, l'elemento si sposta verso l'alto.
    • Sollevamento 3D: quando un cliente passa il mouse su una scheda o un pulsante, l'elemento si sposta in avanti, creando un effetto 3D. Questo effetto presenta anche un leggero riflesso che si muove sull'elemento, conferendogli un'ulteriore dimensione.

  7. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare, quindi tocca Modifica tema.

  5. Tocca … o ⋮, quindi tocca Impostazioni del tema.

  6. Tocca Animazioni.

  7. Facoltativo: per attivare un'animazione che rivela le sezioni del negozio online durante lo scorrimento, seleziona Mostra sezioni durante lo scorrimento.

  8. Facoltativo: per aggiungere un'animazione con effetto al passaggio del mouse a schede e pulsanti, seleziona una delle seguenti opzioni dall'impostazione Effetto al passaggio del mouse:

    • Sollevamento verticale: quando un cliente passa il mouse su una scheda o un pulsante, l'elemento si sposta verso l'alto.
    • Sollevamento 3D: quando un cliente passa il mouse su una scheda o un pulsante, l'elemento si sposta in avanti, creando un effetto 3D. Questo effetto presenta anche un leggero riflesso che si muove sull'elemento, conferendogli un'ulteriore dimensione.

  9. Tocca Salva o ✓.

Impostazioni di personalizzazione degli elementi visivi

Puoi modificare l'aspetto degli elementi del tema, come pulsanti, schede prodotto e varianti, dalla pagina Impostazioni tema. Ogni opzione contiene le impostazioni pertinenti per il rispettivo elemento.

Puoi regolare le impostazioni per i seguenti elementi del tema:

  • Pulsanti: i pulsanti includono i pulsanti di call to action in sezioni come una presentazione o un'immagine con testo, nonché i pulsanti in un modulo di contatto, nelle pagine del prodotto e nelle pagine del carrello.
  • Pillole varianti: le pillole varianti ti consentono di visualizzare le varianti di un prodotto su una pagina di prodotto o in una sezione di un prodotto in evidenza. I clienti possono selezionare la variante desiderata per aggiungere il prodotto al carrello senza dover cambiare pagina di prodotto. Puoi personalizzare il modo in cui le pillole varianti vengono visualizzate nel tuo negozio online.
  • Input: gli input sono aree interattive che richiedono l'inserimento di dati da parte del cliente, ad esempio un selettore quantità, un modulo di iscrizione alla newsletter o le note carrello. Puoi modificare l'aspetto degli input del tuo negozio online.
  • Le impostazioni delle schede prodotto, delle schede collezione e delle schede del blog ti consentono di personalizzare lo stile di ogni tipo di scheda quando viene visualizzata nelle sezioni della pagina.
    • Schede prodotto: le schede prodotto mostrano le informazioni sui tuoi prodotti nelle aree del tema in cui sono elencati più prodotti, come i modelli di collezione, le sezioni della collezione e i risultati di ricerca.
    • Schede collezione: le schede collezione mostrano le informazioni sulle tue collezioni nelle aree del tema in cui sono elencate le collezioni, come un modello o una sezione dell’elenco delle collezioni.
    • Schede del blog: le schede del blog mostrano le informazioni sugli articoli del tuo blog nelle aree del tema in cui sono elencati più prodotti, come i modelli di blog, le sezioni del blog e i risultati di ricerca.
  • Contenitori di contenuto: i contenitori sono utilizzati per l'elemento di testo delle sezioni di contenuto, ad esempio la casella di testo su una presentazione, su un banner immagine o nelle colonne delle sezioni a più colonne. Puoi personalizzare l'aspetto dei contenitori di contenuto per il tuo negozio online.
  • Contenuti multimediali: i contenuti multimediali sono il componente visivo delle sezioni, ad esempio i contenuti multimediali del prodotto o un'immagine nella sezione Immagine con testo. Puoi aggiungere bordi e ombre ai tuoi contenuti multimediali.
  • Menu a discesa e pop-up: puoi regolare l'aspetto dei menu a discesa, delle finestre modali pop-up e dei pop-up del carrello sul tuo negozio online.
  • Pannelli a scomparsa: i pannelli a scomparsa sono contenitori interattivi nascosti che vengono visualizzati quando toccati o cliccati, come un menu a scomparsa o le opzioni di filtro delle collezioni. Puoi personalizzare il bordo e l'ombra dei pannelli a scomparsa nel tuo negozio online.
  • Badge: i badge In saldo ed Esaurito vengono aggiunti automaticamente alle immagini del prodotto quando riduci il prezzo o quando il conteggio delle scorte raggiunge 0. Puoi regolare la posizione, la forma e il colore dei badge In saldo ed Esaurito singolarmente nelle impostazioni del tema. I badge Pagina e Blog vengono visualizzati nei risultati di ricerca pertinenti. Puoi personalizzare la posizione e la forma di questi badge, ma non puoi cambiare il colore dei badge Pagina e Blog.
  • Informazioni sul brand: puoi includere informazioni sul tuo brand nel negozio online. Una volta completati i passaggi seguenti, potrai aggiungere il blocco Informazioni sul brand nel footer del negozio online.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Clicca su Modifica tema accanto al tema che desideri modificare.

  3. Clicca sull'icona settings.

  4. Clicca su un elemento per aprire le impostazioni.

  5. Modifica le impostazioni disponibili. Puoi rivedere le modifiche spostandoti tra le diverse aree del tema nella finestra di anteprima.

  6. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Modifica tema accanto al tema che desideri modificare.

  4. Tocca l'icona settings.

  5. Tocca un elemento per aprire le impostazioni.

  6. Modifica le impostazioni disponibili. Puoi rivedere le modifiche spostandoti tra le diverse aree del tema nella finestra di anteprima.

  7. Tocca Salva o ✓.

Social media

Puoi aggiungere i link ai tuoi account social media che vengono visualizzati nel footer del tuo negozio online.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Trova il tema che desideri modificare, quindi clicca su Modifica tema.

  3. Clicca sull'icona impostazioni Impostazioni del tema.

  4. Clicca su Social media.

  5. Per aggiungere i link ai tuoi account social media, inserisci gli indirizzi dei siti web per i tuoi account nei campi Account social pertinenti. Devi inserire link completi, ad esempio https://instagram.com/shopify o https://tiktok.com/@shopify.

  6. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare, quindi tocca Modifica tema.

  5. Tocca … o ⋮, quindi tocca Impostazioni del tema.

  6. Tocca Social media.

  7. Per aggiungere i link ai tuoi account social media, inserisci gli indirizzi dei siti web per i tuoi account nei campi Account social pertinenti. Devi inserire link completi, ad esempio https://instagram.com/shopify o https://tiktok.com/@shopify.

  8. Tocca Salva o ✓.

Comportamento di ricerca

Il tuo negozio online include la ricerca predittiva, che mostra suggerimenti quando i clienti iniziano a digitare nel campo di ricerca. I suggerimenti di ricerca possono aiutare i clienti ad articolare e affinare le query di ricerca e forniscono nuovi modi per esplorare il negozio online. I suggerimenti di ricerca possono anche consentire ai clienti di sfogliare rapidamente le corrispondenze, senza dover abbandonare la pagina corrente per visualizzare un elenco separato di risultati di ricerca.

Per maggiori informazioni su come funzionano i suggerimenti di ricerca, consulta Ricerca predittiva.

Puoi personalizzare il modo in cui i suggerimenti di ricerca vengono mostrati ai tuoi clienti.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Trova il tema che desideri modificare, quindi clicca su Modifica tema.

  3. Clicca sull'icona impostazioni Impostazioni del tema.

  4. Clicca su Comportamento di ricerca.

  5. Per attivare o disattivare i suggerimenti di ricerca, seleziona o deseleziona Abilita suggerimenti di ricerca.

  6. Facoltativo: per mostrare o nascondere il venditore del prodotto nei suggerimenti di ricerca, seleziona o deseleziona Mostra venditore del prodotto.

  7. Facoltativo: per mostrare o nascondere il prezzo del prodotto nei suggerimenti di ricerca, seleziona o deseleziona Mostra prezzo del prodotto.

  8. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare, quindi tocca Modifica tema.

  5. Tocca … o ⋮, quindi tocca Impostazioni del tema.

  6. Tocca Comportamento di ricerca.

  7. Per attivare o disattivare i suggerimenti di ricerca, seleziona o deseleziona Abilita suggerimenti di ricerca.

  8. Facoltativo: per mostrare o nascondere il venditore del prodotto nei suggerimenti di ricerca, seleziona o deseleziona Mostra venditore del prodotto.

  9. Facoltativo: per mostrare o nascondere il prezzo del prodotto nei suggerimenti di ricerca, seleziona o deseleziona Mostra prezzo del prodotto.

  10. Tocca Salva o ✓.

Formato valuta

Puoi scegliere di visualizzare il codice valuta con i prezzi sui tuoi prodotti.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Trova il tema che desideri modificare, quindi clicca su Modifica tema.

  3. Clicca sull'icona impostazioni Impostazioni del tema.

  4. Clicca su Formato valuta.

  5. Per visualizzare i codici valuta, seleziona Mostra codici valuta.

  6. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare, quindi tocca Modifica tema.

  5. Tocca … o ⋮, quindi tocca Impostazioni del tema.

  6. Tocca Formato valuta.

  7. Per visualizzare i codici valuta, seleziona Mostra codici valuta.

  8. Tocca Salva o ✓.

Carrello

Puoi modificare lo stile del carrello nel tuo negozio online. Quando un cliente aggiunge un prodotto dal tuo negozio al carrello, quest'ultimo può essere visualizzato come finestra, pagina o notifica pop-up. Per mantenere il cliente sulla pagina del prodotto, utilizza l'opzione finestra o notifica pop-up. Per indirizzare il cliente alla pagina del carrello, utilizza l'opzione pagina. Quando il carrello del cliente è vuoto, puoi visualizzare una collezione in evidenza nella finestra del carrello.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Trova il tema che desideri modificare, quindi clicca su Modifica tema.

  3. Clicca sull'icona impostazioni Impostazioni del tema.

  4. Clicca su Carrello.

  5. Usa il menu a discesa Tipo di carrello per selezionare lo stile di carrello Finestra, Pagina o Notifica pop-up.

  6. Facoltativo: per visualizzare i venditori degli articoli nel carrello di un cliente, seleziona Mostra venditore.

  7. Facoltativo: per fornire ai clienti una casella di testo in cui possono inserire richieste speciali o aggiungere informazioni extra sull'ordine, seleziona Abilita nota carrello.

  8. Facoltativo: se selezioni Finestra come Tipo di carrello, puoi visualizzare una collezione nella finestra del carrello quando è vuota:

    1. Nell'area Finestra del carrello, clicca su Seleziona collezione.
    2. Clicca sul nome della collezione che desideri visualizzare, quindi clicca su Seleziona.

  9. Facoltativo: se selezioni Finestra come Tipo di carrello, puoi modificare lo schema di colori della finestra del carrello procedendo come segue:

    1. Nell'area Finestra del carrello > Schema di colori, clicca su Modifica.
    2. Seleziona uno schema di colori da utilizzare per la finestra del carrello.

  10. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare, quindi tocca Modifica tema.

  5. Tocca … o ⋮, quindi tocca Impostazioni del tema.

  6. Tocca Carrello.

  7. Seleziona il Tipo di carrello tra le opzioni Finestra, Pagina o Notifica pop-up.

  8. Facoltativo: per visualizzare i venditori degli articoli nel carrello di un cliente, seleziona Mostra venditore.

  9. Facoltativo: per fornire ai clienti una casella di testo in cui possono inserire richieste speciali o aggiungere informazioni extra sull'ordine, seleziona Abilita nota carrello.

  10. Facoltativo: se selezioni Finestra come Tipo di carrello, puoi visualizzare una collezione nella finestra del carrello quando è vuota:

    1. Nell'area Finestra del carrello, tocca Seleziona collezione.
    2. Tocca il nome della collezione che desideri visualizzare, quindi tocca Fatto.

  11. Facoltativo: se selezioni Finestra come Tipo di carrello, puoi modificare lo schema di colori della finestra del carrello procedendo come segue:

    1. Nell'area Finestra del carrello > Schema di colori, tocca Modifica.
    2. Seleziona uno schema di colori da utilizzare per la finestra del carrello, quindi tocca Fatto.

  12. Tocca Salva o ✓.

CSS personalizzato

La sezione CSS personalizzato ti consente di inserire il tuo codice CSS, ad esempio per personalizzare l'aspetto dei pulsanti del negozio online oltre alle impostazioni predefinite disponibili o per applicare uno stile unico a elementi di testo specifici.

Il CSS personalizzato nelle impostazioni del tema influisce su tutte le pagine del negozio online, ad eccezione del check-out.

Scopri di più sull'aggiunta di CSS personalizzato al tema.

Stile del tema

Uno stile del tema è una raccolta di impostazioni scelte da un designer di temi. Puoi applicare uno stile del tema al negozio per conferirgli un aspetto curato. Tutti i temi hanno uno stile del tema applicato per impostazione predefinita. Le altre opzioni di stile del tema a disposizione dipendono dal tema in uso.

Quando personalizzi un tema, sostituisci le impostazioni dello stile del tema con le tue. Quando applichi uno stile a un tema, modifichi le impostazioni correnti, come i colori e la tipografia.

Passaggi:

Desktop

  1. Dal pannello di controllo Shopify, vai a Negozio online > Temi.

  2. Trova il tema che desideri modificare, quindi clicca su Modifica tema.

  3. Clicca sull'icona impostazioni Impostazioni del tema.

  4. Clicca su Stile del tema.

  5. Seleziona lo stile del tema che desideri utilizzare, quindi clicca su Modifica stile.

  6. Clicca su Salva.

Mobile

  1. Dall'app di Shopify, tocca l'icona Menu.

  2. Nella sezione Canali di vendita, tocca Negozio online.

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare, quindi tocca Modifica tema.

  5. Tocca … o ⋮, quindi tocca Impostazioni del tema.

  6. Tocca Stile del tema.

  7. Seleziona lo stile del tema che desideri utilizzare, quindi tocca Fatto.

  8. Tocca Salva o ✓.