Impostazioni tema

Puoi utilizzare le impostazioni del tema per apportare modifiche ai caratteri tipografici, ai colori, ai link ai social media e alla pagina del carrello 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.

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Logo.
  5. Nell'area Logo aggiungi la tua immagine o utilizza un'immagine gratuita:
    • Per aggiungere l'immagine, clicca su Seleziona immagine, quindi aggiungi un'immagine nuova o esistente:
      • Per utilizzare un'immagine che hai già caricato 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 Fatto.

- Per utilizzare un'immagine gratuita, clicca su Esplora immagini gratuite. Trova un'immagine, clicca sull'immagine per selezionarla, quindi clicca su Seleziona.

  1. 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.
  2. Facoltativo: nell'area Larghezza logo su desktop usa il cursore dell'intervallo per regolare la larghezza in pixel del logo.

  3. Clicca su Salva.

iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Logo.
  7. Nell'area Logo aggiungi la tua immagine o utilizza un'immagine gratuita:
    • Per aggiungere l'immagine, tocca Seleziona immagine, quindi aggiungi un'immagine nuova o esistente:
      • Per utilizzare un'immagine che hai già caricato nel pannello di controllo Shopify, seleziona l'immagine e 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 Fatto.

- Per utilizzare un'immagine gratuita, tocca Esplora immagini gratuite. Trova un'immagine, toccala per selezionarla, quindi tocca Fatto.

  1. 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.
  2. Facoltativo: nell'area Larghezza logo su desktop usa il cursore dell'intervallo per regolare la larghezza in pixel del logo.

  3. Tocca Salva.

Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Logo.
  7. Nell'area Logo aggiungi la tua immagine o utilizza un'immagine gratuita:
    • Per aggiungere l'immagine, tocca Seleziona immagine, quindi aggiungi un'immagine nuova o esistente:
      • Per utilizzare un'immagine che hai già caricato nel pannello di controllo Shopify, seleziona l'immagine e 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 Fatto.

- Per utilizzare un'immagine gratuita, tocca Esplora immagini gratuite. Trova un'immagine, toccala per selezionarla, quindi tocca Fatto.

  1. 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.
  2. Facoltativo: nell'area Larghezza logo su desktop usa il cursore dell'intervallo per regolare la larghezza in pixel del logo.

  3. Tocca .

Aggiunta di una favicon

Puoi aggiungere un'icona dei preferiti o una favicon, utile per migliorare il branding 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 il tuo sito web viene contrassegnato come preferito.

Scopri di più sulle favicon.

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema per il quale desideri aggiungere una favicon e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. A seconda della versione del tema, clicca su Logo o su 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, cercala e selezionala con la casella di spunta.
    • Per selezionare un'immagine salvata nel tuo computer, clicca su Aggiungi immagini, apri l'immagine dal tuo computer e selezionala con la casella di spunta.
  6. Clicca Fatto.

  7. Facoltativo: aggiungi un testo alternativo all'immagine 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.

iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema per il quale desideri aggiungere una favicon, quindi tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. A seconda della versione del tema, clicca su Logo o su 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, cercala e selezionala con la casella di spunta.
    • Per selezionare un'immagine salvata sul tuo dispositivo, tocca Aggiungi immagini, apri l'immagine dal tuo dispositivo e selezionala con la casella di spunta.
  8. Tocca Fatto.

  9. Aggiungi un testo alternativo all'immagine favicon:

    1. Nella sezione Favicon tocca Modifica.
    2. Nel campo Testo alternativo inserisci una breve descrizione dell'immagine.
    3. Tocca Salva.
  10. Tocca Salva.

Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema per il quale desideri aggiungere una favicon, quindi tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. A seconda della versione del tema, clicca su Logo o su 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, cercala e selezionala con la casella di spunta.
    • Per selezionare un'immagine salvata sul tuo dispositivo, tocca Aggiungi immagini, apri l'immagine dal tuo dispositivo e selezionala con la casella di spunta.
  8. Tocca Fatto.

  9. Aggiungi un testo alternativo all'immagine favicon:

    1. Nella sezione Favicon tocca Modifica.
    2. Nel campo Testo alternativo inserisci una breve descrizione dell'immagine.
    3. Tocca Salva.
  10. Tocca .

Colori

Puoi creare e personalizzare 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.

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Colori.
  5. Nella sezione Schemi clicca su uno schema esistente o su Aggiungi schema per aggiungere un nuovo schema di colori.
  6. Per modificare lo schema di colori, clicca sul campione di colore per cambiare i colori per il tipo di contenuto seguente:

    • Sfondo
    • Gradiente sfondo
    • Testo
    • Sfondo pulsante in tinta unita
    • Etichetta pulsante in tinta unita
    • Contorno pulsante
    • Ombra
  7. 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 colore esadecimale dal campo di testo.

  8. Clicca su Salva.

iPhone
  1. Nell'app di Shopify tocca il pulsante .

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

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare e tocca Personalizza.

  5. Tocca , poi tocca Impostazioni tema.

  6. Tocca Colori.

  7. Nella sezione Schemi tocca uno schema esistente o Aggiungi schema per aggiungere un nuovo schema di colori.

  8. Per modificare lo schema di colori, tocca il campione di colore per cambiare i colori per il tipo di contenuto seguente:

    • Sfondo
    • Gradiente sfondo
    • Testo
    • Sfondo pulsante in tinta unita
    • Etichetta pulsante in tinta unita
    • Contorno pulsante
    • Ombra
  9. 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 colore esadecimale dal campo di testo.

  10. Tocca Fatto.

  11. Tocca Salva.

Android
  1. Nell'app di Shopify tocca il pulsante .

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

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare e tocca Personalizza.

  5. Tocca , poi tocca Impostazioni tema.

  6. Tocca Colori.

  7. Nella sezione Schemi tocca uno schema esistente o Aggiungi schema per aggiungere un nuovo schema di colori.

  8. Per modificare lo schema di colori, tocca il campione di colore per cambiare i colori per il tipo di contenuto seguente:

    • Sfondo
    • Gradiente sfondo
    • Testo
    • Sfondo pulsante in tinta unita
    • Etichetta pulsante in tinta unita
    • Contorno pulsante
    • Ombra
  9. 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 colore esadecimale dal campo di testo.

  10. Tocca Fatto.

  11. Tocca .

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.

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

Personalizzazione dei tipi di font

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

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Fai clic su Caratteri tipografici.
  5. Per modificare il tipo di font per i titoli o il corpo del testo del tuo negozio, clicca su Modifica nella sezione Titoli o Corpo.
  6. Clicca sul nome del font che desideri utilizzare, quindi clicca su Seleziona.
  7. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Caratteri tipografici.
  7. Per modificare il tipo di font per i titoli o il corpo del testo del tuo negozio, tocca Modifica nella sezione Titoli o Corpo.
  8. Tocca il nome del font che desideri utilizzare, quindi tocca Fatto.
  9. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Caratteri tipografici.
  7. Per modificare il tipo di font per i titoli o il corpo del testo del tuo negozio, tocca Modifica nella sezione Titoli o Corpo.
  8. Tocca il nome del font che desideri utilizzare, quindi tocca Fatto.
  9. Tocca .

Personalizzazione delle dimensioni dei font

Puoi impostare le dimensioni predefinite dei font per titoli e corpo del testo con l'impostazione del tema Caratteri tipografici.

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

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Fai clic su Caratteri tipografici.
  5. Per modificare la dimensione predefinita dei font per il testo dei Titoli, usa il cursore dell'intervallo Scalabilità dimensione font per selezionare la dimensione predefinita del font.
  6. Per modificare la dimensione predefinita dei font per il testo del Corpo, usa il cursore dell'intervallo Scalabilità dimensione font per selezionare la dimensione predefinita del font.
  7. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Caratteri tipografici.
  7. Per modificare la dimensione predefinita dei font per il testo dei Titoli, usa il cursore dell'intervallo Scalabilità dimensione font per selezionare la dimensione predefinita del font.
  8. Per modificare la dimensione predefinita dei font per il testo del Corpo, usa il cursore dell'intervallo Scalabilità dimensione font per selezionare la dimensione predefinita del font.
  9. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Caratteri tipografici.
  7. Per modificare la dimensione predefinita dei font per il testo dei Titoli, usa il cursore dell'intervallo Scalabilità dimensione font per selezionare la dimensione predefinita del font.
  8. Per modificare la dimensione predefinita dei font per il testo del Corpo, usa il cursore dell'intervallo Scalabilità dimensione font per selezionare la dimensione predefinita del font.
  9. Tocca .

Layout

Puoi impostare la larghezza massima in cui verrà visualizzato il tuo negozio online e lo spazio verticale e orizzontale tra le sezioni.

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Layout.
  5. Usa il cursore dell'intervallo Larghezza pagina per scegliere una larghezza di pagina compresa tra 1.000 px e 1.600 px. L'impostazione predefinita è 1.600 px.
  6. Facoltativo: usa il cursore dell'intervallo per aggiungere Spazio tra le sezioni del modello verticalmente nelle pagine. Puoi aggiungere fino a un massimo di 100 px tra le sezioni.
  7. Facoltativo: se hai un layout a Griglia, usa i cursori di intervallo Spazio orizzontale e Spazio verticale per aggiungere spazio tra il contenuto della griglia delle pagine. L'aggiunta di uno spazio orizzontale aggiungerà un massimo di 40 px di spazio alle righe di contenuto delle pagine, mentre l'aggiunta di spazio verticale aggiungerà un massimo di 40 px di spazio alle colonne di contenuto delle pagine.
  8. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Layout.
  7. Usa il cursore dell'intervallo Larghezza pagina per scegliere una larghezza di pagina compresa tra 1.000 px e 1.600 px. L'impostazione predefinita è 1.600 px.
  8. Facoltativo: usa il cursore dell'intervallo per aggiungere Spazio tra le sezioni del modello verticalmente nelle pagine. Puoi aggiungere fino a un massimo di 100 px tra le sezioni.
  9. Facoltativo: se hai un layout a Griglia, usa i cursori di intervallo Spazio orizzontale e Spazio verticale per aggiungere spazio tra il contenuto della griglia delle pagine. L'aggiunta di uno spazio orizzontale aggiungerà un massimo di 40 px di spazio alle righe di contenuto delle pagine, mentre l'aggiunta di spazio verticale aggiungerà un massimo di 40 px di spazio alle colonne di contenuto delle pagine.
  10. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Layout.
  7. Usa il cursore dell'intervallo Larghezza pagina per scegliere una larghezza di pagina compresa tra 1.000 px e 1.600 px. L'impostazione predefinita è 1.600 px.
  8. Facoltativo: usa il cursore dell'intervallo per aggiungere Spazio tra le sezioni del modello verticalmente nelle pagine. Puoi aggiungere fino a un massimo di 100 px tra le sezioni.
  9. Facoltativo: se hai un layout a Griglia, usa i cursori di intervallo Spazio orizzontale e Spazio verticale per aggiungere spazio tra il contenuto della griglia delle pagine. L'aggiunta di uno spazio orizzontale aggiungerà un massimo di 40 px di spazio alle righe di contenuto delle pagine, mentre l'aggiunta di spazio verticale aggiungerà un massimo di 40 px di spazio alle colonne di contenuto delle pagine.
  10. Tocca .

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:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Animazioni.
  5. Facoltativo: per attivare un'animazione che mostra le sezioni del tuo negozio online durante lo scorrimento, seleziona Mostra sezioni durante lo scorrimento.
  6. Facoltativo: per aggiungere un'animazione con effetto hover alle schede e ai pulsanti, seleziona 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.
  7. Clicca su Salva.

iPhone
  1. Nell'app di Shopify tocca il pulsante .

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

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare e tocca Personalizza.

  5. Tocca , poi tocca Impostazioni tema.

  6. Tocca Animazioni.

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

  8. Facoltativo: per aggiungere un'animazione con effetto hover alle schede e ai pulsanti, seleziona 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.
  9. Tocca Salva.

Android
  1. Nell'app di Shopify tocca il pulsante .

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

  3. Tocca Gestisci tutti i temi.

  4. Trova il tema che desideri modificare e tocca Personalizza.

  5. Tocca , poi tocca Impostazioni tema.

  6. Tocca Animazioni.

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

  8. Facoltativo: per aggiungere un'animazione con effetto hover alle schede e ai pulsanti, seleziona 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.
  9. Tocca .

Bordi e ombre

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

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.

Le opzioni personalizzabili relative alle ombre sono:

  • Opacità, che cambia la visibilità dell'ombra dell'oggetto: un'opacità dell'ombra pari allo 0% rimuove completamente l'ombra dell'oggetto.
  • Cursori di intervallo per lo scostamento Orizzontale o Verticale, che spostano la posizione dell'ombra intorno all'oggetto.
  • Cursore dell'intervallo Sfocatura, che cambia 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

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Pulsanti.
  5. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo del pulsante.
  6. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra del pulsante. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  7. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Pulsanti.
  7. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo del pulsante.
  8. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra del pulsante. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Pulsanti.
  7. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo del pulsante.
  8. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra del pulsante. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca .

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 di prodotti in primo piano. I clienti possono selezionare la variante desiderata per aggiungere il prodotto al carrello senza dover modificare le pagine dei prodotti. Puoi personalizzare il modo in cui i pulsanti di selezione variante vengono visualizzati nel tuo negozio online.

Esempio di negozio online con pulsanti di selezione variante selezionabili

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Pulsanti di selezione variante.
  5. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo del pulsante di selezione variante.
  6. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra del pulsante di selezione variante. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  7. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Pulsanti di selezione variante.
  7. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo del pulsante di selezione variante.
  8. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra del pulsante di selezione variante. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Pulsanti di selezione variante.
  7. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo del pulsante di selezione variante.
  8. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra del pulsante di selezione variante. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca .

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.

Esempio di negozio online con input di quantità

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Input.
  5. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo dell'input.
  6. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra dell'input. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  7. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Input.
  7. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo dell'input.
  8. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra dell'input. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Input.
  7. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo dell'input.
  8. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra dell'input. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca .

Schede

Le impostazioni per le schede prodotto, schede collezioni e schede blog ti permettono di personalizzare lo stile di ogni tipo di scheda quando vengono visualizzate nelle sezioni di pagina. Puoi modificare colore, allineamento, spaziatura, bordi e ombre di questi tre tipi di scheda della sezione.

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Schede prodotto, Schede collezione o Schede del blog.
  5. Per scegliere lo stile della scheda, utilizza l'opzione Stile.
  6. Facoltativo: per aggiungere spazio attorno alle immagini della scheda, usa il cursore dell'intervallo Spaziatura immagine.
  7. Facoltativo: scegli tra Sinistra, Centro (predefinito) o Destra per l'Allineamento del testo delle tue schede.
  8. Facoltativo: nella sezione Schema di colori clicca su Modifica per selezionare uno schema di colori per le schede.
  9. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo della scheda.
  10. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra della scheda. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  11. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Schede prodotto, Schede collezioni o Schede del blog.
  7. Per scegliere lo stile della scheda, utilizza l'opzione Stile.
  8. Facoltativo: per aggiungere spazio attorno alle immagini della scheda, usa il cursore dell'intervallo Spaziatura immagine.
  9. Facoltativo: scegli tra Sinistra, Centro (predefinito) o Destra per l'Allineamento del testo delle tue schede.
  10. Facoltativo: nella sezione Schema di colori tocca Modifica. Seleziona uno schema di colori per le schede, quindi tocca Fatto.
  11. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo della scheda.
  12. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra della scheda. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  13. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Schede prodotto, Schede collezioni o Schede del blog.
  7. Per scegliere lo stile della scheda, utilizza l'opzione Stile.
  8. Facoltativo: per aggiungere spazio attorno alle immagini della scheda, usa il cursore dell'intervallo Spaziatura immagine.
  9. Facoltativo: scegli tra Sinistra, Centro (predefinito) o Destra per l'Allineamento del testo delle tue schede.
  10. Facoltativo: nella sezione Schema di colori tocca Modifica. Seleziona uno schema di colori per le schede, quindi tocca Fatto.
  11. Facoltativo: usa il cursore dell'intervallo per modificare l'aspetto del Bordo della scheda.
  12. Facoltativo: usa il cursore dell'intervallo per modificare l'Ombra della scheda. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  13. Tocca .

Contenitori di contenuto

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

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Contenitori di contenuto.
  5. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo del contenitore di contenuto.
  6. Utilizza il cursore dell'intervallo per modificare l'Ombra del contenitore di contenuto. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  7. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Contenitori di contenuto.
  7. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo del contenitore di contenuto.
  8. Utilizza il cursore dell'intervallo per modificare l'Ombra del contenitore di contenuto. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Contenitori di contenuto.
  7. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo del contenitore di contenuto.
  8. Utilizza il cursore dell'intervallo per modificare l'Ombra del contenitore di contenuto. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca .

Contenuti multimediali

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

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Contenuti multimediali.
  5. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo dei contenuti multimediali.
  6. Usa il cursore dell'intervallo per modificare l'Ombra dei contenuti multimediali. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  7. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Contenuti multimediali.
  7. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo dei contenuti multimediali.
  8. Usa il cursore dell'intervallo per modificare l'Ombra dei contenuti multimediali. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Contenuti multimediali.
  7. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo dei contenuti multimediali.
  8. Usa il cursore dell'intervallo per modificare l'Ombra dei contenuti multimediali. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca .

Puoi modificare l'aspetto dei menu a discesa di navigazione, dei modali pop up e dei pop up del carrello nel tuo negozio online.

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Menu a discesa e pop up.
  5. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo.
  6. Usa il cursore dell'intervallo per modificare l'Ombra. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  7. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Menu a discesa e pop up.
  7. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo.
  8. Usa il cursore dell'intervallo per modificare l'Ombra. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Menu a discesa e pop up.
  7. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo.
  8. Usa il cursore dell'intervallo per modificare l'Ombra. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca .

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 collezione. Puoi personalizzare il bordo e l'ombra delle finestre nel tuo negozio online.

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Finestre.
  5. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo della finestra.
  6. Usa il cursore dell'intervallo per modificare l'Ombra della finestra. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  7. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Finestre.
  7. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo della finestra.
  8. Usa il cursore dell'intervallo per modificare l'Ombra della finestra. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Finestre.
  7. Usa il cursore dell'intervallo per modificare l'aspetto del Bordo della finestra.
  8. Usa il cursore dell'intervallo per modificare l'Ombra della finestra. L'impostazione dell'Opacità dell'ombra su 0% rimuove l'ombra.
  9. Tocca .

Badge

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

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 puoi modificare il colore dei badge Pagina e Blog.

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Badge.
  5. Per selezionare la posizione del badge, clicca sul menu a discesa Posizione sulle schede, quindi clicca In basso a sinistra, In basso a destra, In alto a sinistra o In alto a destra.
  6. Facoltativo: per aggiungere angoli arrotondati ai badge, utilizza il cursore dell'intervallo Raggio angolo. L'impostazione del raggio dell'angolo su 0 px produce bordi badge quadrati e l'aumento del raggio rende i bordi del badge più arrotondati.
  7. Facoltativo: per selezionare uno schema di colori, clicca su Modifica per lo Schema di colori per badge vendita o per lo Schema colori per badge esaurito, quindi clicca sullo schema di colori desiderato.
  8. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Badge.
  7. Per selezionare la posizione del badge, tocca il menu a discesa Posizione sulle schede, quindi tocca In basso a sinistra, In basso a destra, In alto a sinistra o In alto a destra.
  8. Facoltativo: per aggiungere angoli arrotondati ai badge, utilizza il cursore dell'intervallo Raggio angolo. L'impostazione del raggio dell'angolo su 0 px produce bordi badge quadrati e l'aumento del raggio rende i bordi del badge più arrotondati.
  9. Facoltativo: per selezionare uno schema di colori, tocca Modifica per lo Schema di colori per badge vendita o per lo Schema colori per badge esaurito. Seleziona uno schema di colori per i badge, quindi tocca Fatto.
  10. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Badge.
  7. Per selezionare la posizione del badge, tocca il menu a discesa Posizione sulle schede, quindi tocca In basso a sinistra, In basso a destra, In alto a sinistra o In alto a destra.
  8. Facoltativo: per aggiungere angoli arrotondati ai badge, utilizza il cursore dell'intervallo Raggio angolo. L'impostazione del raggio dell'angolo su 0 px produce bordi badge quadrati e l'aumento del raggio rende i bordi del badge più arrotondati.
  9. Facoltativo: per selezionare uno schema di colori, tocca Modifica per lo Schema di colori per badge vendita o per lo Schema colori per badge esaurito. Seleziona uno schema di colori per i badge, quindi tocca Fatto.
  10. Tocca .

Informazioni sul brand

Puoi includere informazioni sul tuo brand nel tuo negozio online. Una volta completati i passaggi seguenti, puoi aggiungere il blocco di Informazioni sul brand nel footer del tuo negozio online.

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Informazioni sul brand.
  5. Facoltativo: inserisci un Titolo per il brand o negozio.
  6. Facoltativo: inserisci una Descrizione del tuo brand o negozio.
  7. Facoltativo: nell'area Immagine aggiungi la tua immagine o utilizza un'immagine gratuita:
    • Per aggiungere l'immagine, clicca su Seleziona immagine, quindi aggiungi un'immagine nuova o esistente:
      • Per utilizzare un'immagine che hai già caricato 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 Fatto.

- Per utilizzare un'immagine gratuita, clicca su Esplora immagini gratuite. Trova un'immagine, clicca sull'immagine per selezionarla, quindi clicca su Seleziona.

  1. Facoltativo: nell'area Larghezza immagine sposta il cursore dell'intervallo sulla larghezza in pixel desiderata.
  2. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Informazioni sul brand.
  7. Facoltativo: inserisci un Titolo per il brand o negozio.
  8. Facoltativo: inserisci una Descrizione del tuo brand o negozio.
  9. Facoltativo: nell'area Immagine aggiungi la tua immagine o utilizza un'immagine gratuita:
    • Per aggiungere l'immagine, tocca Seleziona immagine, quindi aggiungi un'immagine nuova o esistente:
      • Per utilizzare un'immagine che hai già caricato nel pannello di controllo Shopify, seleziona l'immagine e 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 Fatto.

- Per utilizzare un'immagine gratuita, tocca Esplora immagini gratuite. Trova un'immagine, toccala per selezionarla, quindi tocca Fatto.

  1. Facoltativo: nell'area Larghezza immagine sposta il cursore dell'intervallo sulla larghezza in pixel desiderata.
  2. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Informazioni sul brand.
  7. Facoltativo: inserisci un Titolo per il brand o negozio.
  8. Facoltativo: inserisci una Descrizione del tuo brand o negozio.
  9. Facoltativo: nell'area Immagine aggiungi la tua immagine o utilizza un'immagine gratuita:
    • Per aggiungere l'immagine, tocca Seleziona immagine, quindi aggiungi un'immagine nuova o esistente:
      • Per utilizzare un'immagine che hai già caricato nel pannello di controllo Shopify, seleziona l'immagine e 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 Fatto.

- Per utilizzare un'immagine gratuita, tocca Esplora immagini gratuite. Trova un'immagine, toccala per selezionarla, quindi tocca Fatto.

  1. Facoltativo: nell'area Larghezza immagine sposta il cursore dell'intervallo sulla larghezza in pixel desiderata.
  2. Tocca .

Social media

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

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Social media.
  5. Per aggiungere link ai tuoi account sui social media, inserisci gli indirizzi del sito web dei tuoi account nei relativi campi Account social. Devi inserire link completi, ad esempio https://instagram.com/shopify o https://tiktok.com/@shopify.
  6. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Social media.
  7. Per aggiungere link ai tuoi account sui social media, inserisci gli indirizzi del sito web dei tuoi account nei relativi campi Account social. Devi inserire link completi, ad esempio https://instagram.com/shopify o https://tiktok.com/@shopify.
  8. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Social media.
  7. Per aggiungere link ai tuoi account sui social media, inserisci gli indirizzi del sito web dei tuoi account nei relativi campi Account social. Devi inserire link completi, ad esempio https://instagram.com/shopify o https://tiktok.com/@shopify.
  8. Tocca .

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 il tuo negozio online. I suggerimenti di ricerca 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.

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

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

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni 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 visualizzare o nascondere il fornitore del prodotto nei suggerimenti di ricerca, seleziona o deseleziona Mostra fornitore prodotto.
  7. Facoltativo: per mostrare o nascondere il prezzo del prodotto nei suggerimenti di ricerca, seleziona o deseleziona Mostra prezzo prodotto.
  8. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni 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 visualizzare o nascondere il fornitore del prodotto nei suggerimenti di ricerca, seleziona o deseleziona Mostra fornitore prodotto.
  9. Facoltativo: per mostrare o nascondere il prezzo del prodotto nei suggerimenti di ricerca, seleziona o deseleziona Mostra prezzo prodotto.
  10. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni 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 visualizzare o nascondere il fornitore del prodotto nei suggerimenti di ricerca, seleziona o deseleziona Mostra fornitore prodotto.
  9. Facoltativo: per mostrare o nascondere il prezzo del prodotto nei suggerimenti di ricerca, seleziona o deseleziona Mostra prezzo prodotto.
  10. Tocca .

Formato valuta

Puoi scegliere di mostrare il codice valuta con i prezzi dei tuoi prodotti.

Procedura:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Formato valuta.
  5. Per visualizzare i codici valuta, seleziona Mostra i codici valuta.
  6. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Formato valuta.
  7. Per visualizzare i codici valuta, seleziona Mostra i codici valuta.
  8. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Formato valuta.
  7. Per visualizzare i codici valuta, seleziona Mostra i codici valuta.
  8. Tocca .

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:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Carrello.
  5. Utilizza il menu a discesa Tipo di carrello per selezionare lo stile del carrello a Finestra, Pagina o Notifica pop up.
  6. Facoltativo: per mostrare i fornitori degli articoli nel carrello di un cliente, seleziona Mostra fornitore.
  7. Facoltativo: per fornire ai clienti una casella di testo in cui inserire richieste speciali o aggiungere ulteriori informazioni sull'ordine, seleziona Abilita nota carrello.
  8. Facoltativo: se selezioni Finestra come Tipo di carrello, puoi mostrare una collezione nella finestra del carrello quando è vuota:

    1. Nell'area della 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 eseguendo i seguenti passaggi:

    1. Nella Finestra del carrello > area Schema di colori, clicca su Modifica.
    2. Seleziona uno schema di colori che desideri utilizzare per la finestra del carrello.
  10. Clicca su Salva.

iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Carrello.
  7. Seleziona il Tipo di carrello tra le opzioni Finestra, Pagina o Notifica pop up.
  8. Facoltativo: per mostrare i fornitori degli articoli nel carrello di un cliente, seleziona Mostra fornitore.
  9. Facoltativo: per fornire ai clienti una casella di testo in cui inserire richieste speciali o aggiungere ulteriori informazioni sull'ordine, seleziona Abilita nota carrello.
  10. Facoltativo: se selezioni Finestra come Tipo di carrello, puoi mostrare una collezione nella finestra del carrello quando è vuota:

    1. Nell'area della 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 eseguendo i seguenti passaggi:

    1. Nella Finestra del carrello > area Schema di colori, tocca Modifica.
    2. Seleziona uno schema di colori che desideri utilizzare per la finestra del carrello, quindi tocca Fatto.
  12. Tocca Salva.

Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Carrello.
  7. Seleziona il Tipo di carrello tra le opzioni Finestra, Pagina o Notifica pop up.
  8. Facoltativo: per mostrare i fornitori degli articoli nel carrello di un cliente, seleziona Mostra fornitore.
  9. Facoltativo: per fornire ai clienti una casella di testo in cui inserire richieste speciali o aggiungere ulteriori informazioni sull'ordine, seleziona Abilita nota carrello.
  10. Facoltativo: se selezioni Finestra come Tipo di carrello, puoi mostrare una collezione nella finestra del carrello quando è vuota:

    1. Nell'area della 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 eseguendo i seguenti passaggi:

    1. Nella Finestra del carrello > area Schema di colori, tocca Modifica.
    2. Seleziona uno schema di colori che desideri utilizzare per la finestra del carrello, quindi tocca Fatto.
  12. Tocca .

Codice CSS personalizzato

La sezione Codice 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 univoco a specifici elementi di testo.

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

Scopri di più sull'Aggiunta di codice CSS personalizzato ai temi.

Stile 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. Le altre opzioni di stile del tema disponibili dipendono dal tema che utilizzi.

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:

Desktop
  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Clicca sull'icona a forma di ingranaggio Impostazioni tema.
  4. Clicca su Stile del tema.
  5. Seleziona lo stile del tema che desideri utilizzare, quindi clicca su Cambia stile.
  6. Clicca su Salva.
iPhone
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Stile del tema.
  7. Seleziona lo stile del tema che desideri utilizzare, quindi tocca Fatto.
  8. Tocca Salva.
Android
  1. Nell'app di Shopify tocca il pulsante .
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca , poi tocca Impostazioni tema.
  6. Tocca Stile del tema.
  7. Seleziona lo stile del tema che desideri utilizzare, quindi tocca Fatto.
  8. Tocca .

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

Clicca sul pulsante Annulla per annullare le modifiche apportate al tema, inclusi i seguenti esempi:

  • aggiunta, riordino ed eliminazione di sezioni
  • Applicazione di colori, font e altre impostazioni del tema
  • ripristino dello stile del tema

Opzioni di colore con campioni

La tassonomia dei prodotti Shopify aggiornata include un attributo colore standard che consente di aggiungere campioni di colore alla vetrina virtuale. Per accedere a questo attributo standard, seleziona una categoria di prodotto comprensiva di un metafield delle categorie di colore. I seguenti metafield delle categorie supportano i campioni di colore:

  • Backing color
  • Backrest upholstery color
  • Band color
  • Blanket color
  • Body color
  • Butt cap color
  • Color
  • Canopy color
  • Case color
  • Core color
  • Cover color
  • Dial color
  • Door color
  • Door mat base color
  • Eyewear frame color
  • Eyewear lens color
  • Fingerboard color
  • Flower color
  • Flush plate color
  • Footwear color
  • Foundation color
  • Frame color
  • Furniture/Fixture color
  • Handle color
  • Housing color
  • Ink color
  • Instrument color
  • Instrument string color
  • Jumping surface color
  • Laser color
  • Leg color
  • Lens color
  • Light color
  • Neck color
  • Pen color
  • Pole color
  • Riser color
  • Rod color
  • Saddle base color
  • Saddle seat color
  • Seat color
  • Seat upholstery color
  • Shaft color
  • Sheet color
  • Shelf color
  • Shell/Frame color
  • Slat color
  • Spool color
  • String color
  • Suction cup color
  • Tabletop color
  • Tank color
  • Temple color
  • Top color
  • Upholstery color

Maggiori informazioni sull'aggiunta di campioni di colore utilizzando i metafield di categoria e sulla migrazione dei prodotti esistenti per utilizzare i metafield di categoria.

Non trovi le risposte che stai cercando? Siamo qui per aiutarti.