Impostazioni tema

Puoi utilizzare le impostazioni del tema per apportare modifiche ai caratteri tipografici, ai colori, ai link ai social media e alle impostazioni di check-out del tuo negozio online. Le modifiche apportate alle impostazioni del tema vengono applicate a tutto il negozio online.

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

  • nell'header, su tutte le pagine;
  • nella tua pagina protetta da password.

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

  1. Clicca su Impostazioni tema.
  2. Clicca su Logo.
  3. Nell'area Larghezza logo su desktop, attiva/disattiva il cursore in base alla larghezza in pixel desiderata.

Favicon

Puoi aggiungere un'icona dei preferiti, o una favicon, rafforzando così il brand del tuo negozio online. Una favicon appare nei seguenti punti:

  • scheda del browser
  • cronologia del browser
  • icone sul desktop
  • Accanto al nome del negozio online quando questo viene salvato nei preferiti

Scopri di più sulle favicon.

Personalizza la favicon

Colori

Puoi creare fino a 21 schemi di colori unici e applicarli a diverse sezioni all'interno del tuo negozio online. Scopri di più su opzioni, schemi e gradienti di colore.

Personalizza le impostazioni del colore

  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Clicca su Personalizza accanto al tema che desideri personalizzare.
  3. Clicca su Impostazioni tema, quindi su Colori.
  4. Nella sezione Schemi clicca su uno schema esistente o su Aggiungi schema per aggiungere un nuovo schema di colori.
  5. Clicca sul campione di colore corrispondente al 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.

Caratteri tipografici

Puoi impostare stile e dimensione del font per il testo del tuo negozio online. Puoi scegliere un font di sistema o un font personalizzato.

Ti consigliamo di utilizzare i font di sistema nel tuo negozio. I font di sistema sono font già installati nel computer di un utente. Questo ti permette di evitare che vengano scaricati nuovi font sul computer del cliente, provocando un impatto negativo sulla velocità di caricamento del negozio. Il font che viene visualizzato sul computer del cliente dipende dal suo sistema operativo.

Personalizza le impostazioni dei caratteri tipografici

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

Personalizzazione delle dimensioni dei font

Puoi impostare le dimensioni predefinite dei font per titolo e corpo del testo nell'impostazione del tema Caratteri tipografici.

Procedura:

Layout

L'impostazione Layout ti consente di impostare la larghezza massima in cui verrà visualizzato il tuo negozio online e lo spazio verticale e orizzontale tra le sezioni.

Animazioni

Le animazioni ti permettono di aggiungere movimento e interesse visivo al tuo negozio online. Puoi attivare un'animazione con dissolvenza in entrata che mostra le sezioni del tuo negozio durante lo scorrimento e un effetto hover per le schede e i pulsanti.

Procedura:

  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Clicca su Personalizza accanto al tema che desideri personalizzare.
  3. Clicca su Impostazioni tema, quindi su Animazioni.
  4. Facoltativo: per attivare un'animazione che mostra le sezioni del tuo negozio online durante lo scorrimento, seleziona Mostra sezioni durante lo scorrimento.
  5. Facoltativo: per aggiungere un'animazione con effetto hover alle schede e ai pulsanti, scegli una delle seguenti opzioni dall'impostazione Effetto hover:

    • Vertical lift: quando un cliente passa sopra una scheda o un pulsante, l'elemento si sposta verso l'alto.
    • 3D lift: quando un cliente passa sopra una scheda o un pulsante, l'elemento si sposta in avanti, dandogli un effetto 3D. Appare anche un effetto brillante sull'elemento che offre maggiore profondità alla dimensione.
  6. Clicca su Salva.

Bordi e ombre

Puoi regolare i bordi e le ombre di alcuni tipi di contenuti interattivi, come finestre, pulsanti, varianti o input di quantità.

Le opzioni personalizzabili relative ai bordi sono:

  • Spessore, che cambia il contorno dell'oggetto
  • Opacità, che imposta la visibilità del contorno dell'oggetto
  • Raggio angolo, che arrotonda gli angoli degli oggetti

Opzioni relative alle ombre:

  • Opacità cambia la visibilità dell'ombra dell'oggetto: un'opacità dell'ombra pari allo 0% rimuove completamente l'ombra dell'oggetto.
  • I dispositivi di scorrimento intervallo per lo scostamento Orizzontale o Verticale spostano la posizione dell'ombra intorno all'oggetto.
  • Il dispositivo di scorrimento intervallo Sfocatura consente di cambiare l'opacità dell'ombra dell'oggetto.

Pulsanti

Puoi personalizzare le impostazioni dei pulsanti call to action nel negozio online aggiungendo ombre, modificando la spaziatura o l'opacità e regolando la forma dei pulsanti.

Esempio di negozio online con pulsante call to action

Personalizzazione dei pulsanti

Opzioni delle varianti con campioni di colore

Esempio di negozio online con opzioni di campioni di colore selezionabili

I campioni di colore sono una rappresentazione visiva delle varianti di prodotto. Per visualizzare i campioni di colore devi disporre dell'ultima versione di Dawn e dei metafield delle categorie collegati alle tue varianti. Con Dawn le opzioni delle varianti possono essere visualizzate sia in un menu a discesa che come campione di colore. Se visualizzi le opzioni delle varianti come campioni di colore, puoi scegliere di visualizzarle come un Cerchio, un Quadrato o Nessuno, che mostra il valore dell'opzione come testo.

Esempio di impostazione di Dawn per i campioni di colore

Configurazione dei campioni di colore con i metafield delle categorie

  1. Dal tuo pannello di controllo Shopify, vai a Prodotti.
  2. Clicca su un prodotto.
  3. Nella sezione Organizzazione prodotti inserisci la categoria del prodotto nel campo Categoria di prodotto, quindi seleziona il risultato più accurato dall'elenco Categoria di prodotto. La categoria di prodotto deve includere un metafield della categoria Colore.
  4. Nella sezione Varianti clicca su Aggiungi opzioni come taglia o colore.
  5. Clicca su Colore.
  6. Clicca sul campo Add color (Aggiungi colore) e seleziona dal menu a discesa tutte le voci dei colori predefinite.
  7. Per aggiungere una voce di colore personalizzata:

    1. Clicca su Add color (Aggiungi colore), quindi clicca su Aggiungi nuova voce.
    2. Nella pagina Aggiungi voce compila i campi Etichetta e Colore.
    3. Se invece di un colore vuoi un motivo, compila il campo Immagine. Se aggiungi sia un colore che un'immagine, l'immagine verrà utilizzata per il campione di colore.
    4. Seleziona un Base color (Colore di base) e un Base pattern (Motivo di base).
    5. Clicca su Salva.
  8. Clicca su Salva per salvare il prodotto.

Personalizzazione dei campioni di colore su Dawn

  1. Dal pannello di controllo Shopify vai a Negozio online > Temi.
  2. Assicurati di aver installato l'ultima versione di Dawn, quindi clicca su Personalizza.
  3. Passa al prodotto a cui hai aggiunto le opzioni di colore.
  4. Facoltativo: per personalizzare i campioni di colore, clicca sul blocco Selettore di variante. Puoi modificare la visualizzazione dei campioni di colore scegliendo tra Cerchio, Quadrato o Nessuno.
  5. Clicca su Salva per salvare il tema.

Pulsanti di selezione variante

I pulsanti di selezione variante ti consentono di mostrare le varianti di un prodotto in una pagina del prodotto o in una sezione Prodotto in primo piano. I clienti possono selezionare la variante desiderata per aggiungere il prodotto al carrello senza dover cambiare le pagine del prodotto.

Esempio di negozio online con pulsanti di selezione variante selezionabili

Personalizzazione dei pulsanti di selezione variante

Input

Gli input sono aree interattive che richiedono l'input dei clienti, come un selettore quantità, un modulo di iscrizione alla newsletter o le note del carrello. Puoi modificare l'aspetto degli input del negozio online nelle impostazioni del tema.

Esempio di negozio online con input di quantità

Personalizzazione degli input

Schede

Le schede prodotto, le schede collezioni e le impostazioni delle schede del blog ti permettono di personalizzare lo stile di ogni tipo di area separata, visualizzata in sezioni. Puoi modificare colore, allineamento, spaziatura immagine, bordi e ombre di questi tre tipi di schede di sezione.

Personalizzazione delle schede

Contenitori di contenuto

I contenitori sono la parte di testo delle sezioni di contenuto, come la casella di testo di una presentazione, un banner immagine o le colonne nelle sezioni multicolonna. Puoi personalizzare l'aspetto dei contenitori di contenuto per il negozio online.

Personalizzazione dei contenitori di contenuto

Contenuti multimediali

I contenuti multimediali sono la componente visiva delle sezioni, come i contenuti multimediali di prodotto o l'immagine nelle sezioni Immagine con testo. Puoi aggiungere bordi e ombre ai contenuti multimediali.

Personalizzazione dei contenuti multimediali

Regola l'aspetto dei menu di navigazione a discesa, delle modali pop up e dei pop up del carrello.

Personalizzazione dei menu a discesa e dei pop up

Finestre

Le finestre sono contenitori interattivi e nascosti che vengono visualizzate quando vengono toccate o cliccate, come un menu di navigazione comprimibile o le opzioni di filtro.

Personalizzazione delle finestre

Badge

I badge In offerta ed Esaurito vengono aggiunti automaticamente alle immagini di prodotto quando il prezzo scende o quando il conteggio delle scorte raggiunge lo zero. Puoi regolare la posizione, la forma e il colore dei badge.

Esempio di negozio online con badge In offerta ed Esaurito

I badge Pagina e Blog vengono visualizzati nei risultati di ricerca pertinenti. Puoi personalizzare la posizione e la forma di questi badge, ma non il colore.

Personalizzazione dei badge

Icone

Le icone sono piccole immagini che possono essere aggiunte a sezioni o blocchi determinati. Imposta lo schema di colori per le icone in Impostazioni tema.

Esempio di negozio online con icone in righe comprimibili

Personalizzazione delle icone

Informazioni sul brand

Puoi includere informazioni sul tuo brand. Puoi aggiungere il blocco Informazioni sul brand nel footer.

Personalizzazione delle informazioni sul tuo brand

Social media

Puoi aggiungere i pulsanti di condivisione sui social per i prodotti e articoli del blog e i link ai tuoi account sui social media. I link ai tuoi account sui social media vengono visualizzati nel footer del tuo negozio online.

Personalizza le impostazioni dei social media

Comportamento di ricerca

Il negozio online include la ricerca predittiva, che mostra i suggerimenti quando i clienti iniziano a digitare nel campo di ricerca. I suggerimenti di ricerca possono aiutare i clienti a formulare e affinare le loro query di ricerca e fornire nuovi modi per esplorare un negozio online. Possono anche consentire ai clienti di sfogliare rapidamente i risultati di ricerca senza dover lasciare la pagina corrente per vedere un elenco separato dei risultati di ricerca.

Puoi personalizzare le seguenti impostazioni di ricerca:

  • Abilita suggerimenti di ricerca: attiva o disattiva i suggerimenti di ricerca.
  • Mostra fornitore prodotto: mostra o nascondi i fornitori dei prodotti nei suggerimenti di ricerca.
  • Mostra prezzo del prodotto: mostra o nascondi i prezzi dei prodotti nei suggerimenti di ricerca.

Modifica delle impostazioni di input di ricerca

Per maggiori informazioni sul funzionamento dei suggerimenti sui prodotti, consulta la pagina sulla ricerca predittiva.

Formato valuta

Puoi scegliere di fare in modo che i prezzi di prodotto, carrello e check-out mostrino sempre i codici valuta.

Carrello

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

Procedura:

Se il tipo di carrello è impostato su Finestra, puoi mostrare una collezione nella finestra del carrello. La collezione selezionata viene visualizzata solo quando il carrello è vuoto.

Per aggiungere una collezione alla finestra del carrello vuoto, clicca su Seleziona collezione. Dopo aver selezionato una collezione, clicca su Cambia per selezionarne un'altra o rimuoverla dalla finestra del carrello. Puoi anche cliccare su Crea collezione per crearne una nuova; questo pulsante ti porta dalle impostazioni del tema alla pagina Collezioni del pannello di controllo Shopify.

Check-out

Questa sezione ti consente di personalizzare il check-out del tuo negozio. Per ulteriori informazioni sulla pagina di check-out, consulta Check-out di Shopify.

Modifica gli stili del tema

Uno stile del tema è un insieme di impostazioni scelte dal designer di un tema. Puoi applicare lo stile del tema al negozio per dargli un nuovo aspetto. Ogni tema ha uno stile del tema applicato per impostazione predefinita. Quando personalizzi il tema, sostituisci le tue impostazioni a quelle dello stile del tema. Quando applichi uno stile al tuo tema, modifichi le impostazioni attuali, come colori e caratteri.

Procedura:

Annulla e ripeti le modifiche

Il pulsante Annulla elimina la modifica più recente mentre il pulsante Ripeti ripristina una modifica che era stata annullata. Cliccando più volte sul pulsante Annulla continuerai ad annullare il tuo lavoro, una modifica alla volta. I pulsanti Annulla e Ripeti si trovano nella barra degli strumenti dell'editor del tema.

Pulsanti Annulla e Ripeti nella barra degli strumenti dell’editor del tema

Fai clic sul pulsante Annulla per annullare le modifiche seguenti:

  • aggiunta, riordino ed eliminazione di sezioni
  • applicazione di colori, font e altre impostazioni, nella scheda Impostazioni tema
  • ripristino dello stile di un tema.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis