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.

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.

Colori

Puoi impostare schemi di colori primari e secondari per il negozio online.

Personalizza le impostazioni del colore

  1. Clicca su Impostazioni tema.
  2. Clicca su Colori.
  3. Per aprire il selettore di colori, clicca sul campione di colore corrispondente al colore del tipo di contenuto che desideri modificare.

  4. Clicca su Salva.

Per maggiori informazioni sulle opzioni di colore, incluso come impostare le sfumature di colore, consulta la pagina Schemi di colori.

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. 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

  1. Clicca su Impostazioni tema.
  2. Fai clic su Caratteri tipografici.
  3. Per ogni tipo di testo, clicca su Modifica per utilizzare il selettore di font.
  4. Esplora i font disponibili utilizzando il campo di ricerca o cliccando su Carica altri.
  5. Clicca sul nome del font che desideri utilizzare, quindi clicca su Seleziona.
  6. Clicca su Salva.

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:

  1. Clicca su Impostazioni tema > Caratteri tipografici.
  2. Per modificare la dimensione predefinita dei font per i titoli, utilizza la funzione Scalabilità dimensione font per selezionare la dimensione predefinita del font. La dimensione minima del font è 100%, mentre la dimensione massima è 150%. Ogni incremento della scalabilità aumenta la dimensione del font del 5%. L'impostazione predefinita è 100%.
  3. Per modificare la dimensione predefinita del font per il corpo del testo, utilizza la funzione Scalabilità dimensione font per selezionare la dimensione predefinita del font. La dimensione minima del font è 100%, mentre la dimensione massima è 130%. Ogni incremento della scalabilità aumenta la dimensione del font del 5%. L'impostazione predefinita è 100%.
  4. Clicca su Salva.

Layout

L'impostazione Layout ti consente di impostare la larghezza massima in cui verrà visualizzato il tuo negozio online.

  1. Clicca su Impostazioni tema > Layout.
  2. Utilizza il dispositivo di scorrimento intervallo per scegliere tra una larghezza di pagina di 1000 px o 1600 px. L'impostazione predefinita è 1600 px.
  3. [Facoltativo] Aggiungi spazio verticale tra le sezioni con il dispositivo di scorrimento intervallo. Puoi aggiungere un massimo di 100 px tra le sezioni.
  4. [Facoltativo] Se hai un layout a griglia, utilizza il dispositivo di scorrimento intervallo relativo a Spazio orizzontale e Spazio verticale per aggiungere spazio tra il contenuto della griglia. L'aggiunta di spazio orizzontale inserirà un massimo di 40 px di spazio nelle righe, mentre l'aggiunta di spazio verticale inserirà un massimo di 40 px di spazio nelle colonne.
  5. 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'articolo
  • Opacità, che imposta la visibilità del contorno dell'articolo
  • Raggio angolo, che arrotonda gli angoli degli articoli

Opzioni relative alle ombre:

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

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

  1. Clicca su Impostazioni tema.
  2. Clicca su Pulsanti.
  3. Utilizza i dispositivi di scorrimento per modificare l'aspetto del Bordo del pulsante.
  4. Utilizza i dispositivi di scorrimento per modificare l'Ombra del pulsante. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
  5. Clicca su Salva.

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

  1. Clicca su Impostazioni tema.
  2. Clicca su Pulsanti di selezione variante.
  3. Utilizza i dispositivi di scorrimento per modificare l'aspetto del Bordo del pulsante di selezione variante.
  4. Utilizza i dispositivi di scorrimento per modificare l'Ombra del pulsante di selezione variante. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
  5. Clicca su Salva.

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

  1. Clicca su Impostazioni tema.
  2. Clicca su Input.
  3. Utilizza i dispositivi di scorrimento per modificare l'aspetto del Bordo dell'input.
  4. Utilizza i dispositivi di scorrimento per modificare l'Ombra dell'input. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
  5. Clicca su Salva.

Schede

Le schede sono aree che si dividono in sezioni che ti consentono di mostrare più articoli, ad esempio schede di prodotto, schede del blog, schede di collezione o schede collage. Puoi personalizzare forma, stile, colore, allineamento e spaziatura delle immagini delle schede delle sezioni.

Personalizzazione delle schede

  1. Clicca su Impostazioni tema.
  2. Clicca su Schede.
  3. Utilizza il menu a discesa per scegliere lo Stile della scheda.
  4. Aggiungi Spaziatura immagine con il dispositivo di scorrimento; in questo modo aggiungerai spazio attorno alle immagini della scheda.
  5. Utilizza il menu a discesa per impostare l'Allineamento testo delle schede. Scegli tra le opzioni A sinistra, Al centro (impostazione predefinita) o A destra.
  6. Utilizza il menu a discesa per selezionare uno Schema di colori per le schede.
  7. Utilizza i dispositivi di scorrimento per modificare l'aspetto del Bordo della scheda.
  8. Utilizza i dispositivi di scorrimento per modificare l'Ombra della scheda. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
  9. Clicca su Salva.

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

  1. Clicca su Impostazioni tema.
  2. Clicca su Contenitori di contenuto.
  3. Utilizza i dispositivi di scorrimento per modificare l'aspetto del Bordo del contenitore di contenuti.
  4. Utilizza i dispositivi di scorrimento per modificare l'Ombra del contenitore di contenuto. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
  5. Clicca su Salva.

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

  1. Clicca su Impostazioni tema.
  2. Clicca su Contenuti multimediali.
  3. Utilizza i dispositivi di scorrimento per modificare l'aspetto del Bordo dei contenuti multimediali.
  4. Utilizza i dispositivi di scorrimento per modificare l'Ombra dei contenuti multimediali. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
  5. Clicca su Salva.

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

  1. Clicca su Impostazioni tema.
  2. Clicca su Menu a discesa e pop up.
  3. Utilizza i dispositivi di scorrimento per modificare l'aspetto del Bordo.
  4. Utilizza i dispositivi di scorrimento per modificare l'Ombra. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
  5. Clicca su Salva.

Finestre

Le finestre sono contenitori interattivi e nascosti che sono visibili e scompaiono quando vengono toccati o cliccati, come un menu di navigazione comprimibile o le opzioni di filtro.

Personalizzazione delle finestre

  1. Clicca su Impostazioni tema.
  2. Clicca su Finestre.
  3. Utilizza i dispositivi di scorrimento per modificare l'aspetto del Bordo.
  4. Utilizza i dispositivi di scorrimento per modificare l'Ombra. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
  5. Clicca su Salva.

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

  1. Clicca su Impostazioni tema.
  2. Clicca su Badge.
  3. Utilizza il menu a discesa per selezionare la posizione del badge all'interno delle schede di prodotto. Scegli tra le opzioni In alto a sinistra, In alto a destra, In basso a sinistra (impostazione predefinita) o In basso a destra.
  4. Aggiungi gli angoli arrotondati con il dispositivo di scorrimento Raggio angolo. Impostando il raggio dell'angolo su 0 px crei bordi dei badge quadrati, mentre aumentandolo li arrotondi.
  5. Scegli uno Schema di colori per i badge. Puoi impostare uno schema di colori alternativo per gli articoli esauriti.
  6. Clicca su Salva.

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

  1. Clicca su Impostazioni tema.
  2. Clicca su Icone.
  3. Utilizza il menu a discesa per selezionare il colore predefinito per le icone. Scegli tra le opzioni Elemento in risalto 1, Elemento in risalto 2, Contorno pulsante o Colore del testo per le icone del tuo negozio.
  4. Clicca su Salva.

Social media

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

Personalizza le impostazioni dei social media

  1. Clicca su Impostazioni tema.
  2. Clicca su Social media.
  3. Per aggiungere link ai tuoi account dei social media, inseriscili nei campi disponibili in Account. Inserisci link completi, come https://instagram.com/shopify o https://twitter.com/shopify.
  4. Clicca su Salva.

Comportamento di ricerca

Il negozio online include la ricerca predittiva, che mostra i suggerimenti sui prodotti quando i clienti iniziano a digitare nel campo di ricerca. I suggerimenti sui prodotti 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 prodotti - Abilita o disabilita i suggerimenti sui prodotti.
  • Mostra fornitore - Mostra o nascondi i fornitori nei suggerimenti sui prodotti.
  • Mostra prezzo - Mostra o nascondi i prezzi nei suggerimenti sui prodotti.

Modifica delle impostazioni di input di ricerca

  1. Clicca su Impostazioni tema.
  2. Clicca su Input di ricerca.
  3. Utilizza le impostazioni per personalizzare il comportamento di ricerca del negozio.
  4. Clicca su Salva.

Per maggiori informazioni sul funzionamento dei suggerimenti sui prodotti, consulta la pagina Predictive search (ricerca predittiva).

Favicon

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

  • scheda del browser
  • cronologia del browser
  • icone sul desktop
  • a fianco del nome del tuo negozio online quando questo viene salvato nei preferiti

Scopri di più sulle favicon.

Personalizza la favicon

  1. Clicca su Impostazioni tema.
  2. Clicca su Favicon.
  3. Nell'area Immagine Favicon, clicca su Seleziona immagine, quindi esegui una delle azioni seguenti:

    • Per utilizzare un'immagine che hai già caricato nel pannello di controllo Shopify, cliccaci sopra per selezionarla e clicca su Seleziona.
    • Per utilizzare un'immagine dal tuo computer, clicca su Carica. Scegli un'immagine dal tuo computer e clicca su Apri per iniziare il caricamento. Verrà selezionata automaticamente al termine del caricamento. Clicca su Seleziona.
    • Per selezionare un'immagine gratuita, clicca su Immagini gratuite e cerca un'immagine o cliccaci sopra per selezionarla.
  4. Aggiungi un testo alternativo all'immagine favicon:

    1. Clicca su Modifica testo alternativo.
    2. Nella finestra Modifica immagine, inserisci una breve descrizione dell'immagine.
    3. Clicca su Salva.

Formato valuta

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

  1. Clicca su Impostazioni tema.
  2. Clicca su Formato valuta.
  3. Per abilitare i codici valuta clicca sulla casella di spunta Mostra i codici valuta.
  4. Clicca su Salva.

Carrello

Puoi modificare lo stile del carrello nel negozio online. Quando un cliente aggiunge un prodotto del tuo negozio al carrello, il carrello può essere visualizzato come finestra, pagina o notifica pop up. Quando il carrello del cliente è vuoto, puoi mostrare una collezione in evidenza nella finestra del carrello.

Procedura:

  1. Clicca su Impostazioni tema > Carrello.
  2. Utilizza il menu a discesa per selezionare uno stile di carrello: finestra, pagina o notifica pop up.
  3. Facoltativo: per mostrare il fornitore degli articoli nel carrello di un cliente, clicca su Mostra fornitore.
  4. Facoltativo: per fornire ai clienti uno spazio in cui effettuare richieste speciali o aggiungere ulteriori informazioni sull'ordine, seleziona l'opzione Abilita nota carrello.

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. Una volta selezionata 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 all'area 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:

  1. Clicca su Impostazioni tema > Stile.

  2. Utilizzando i menu a discesa, seleziona le opzioni relative allo stile del tema. Le opzioni disponibili variano a seconda del tema utilizzato.

  3. Clicca su Salva.

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