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.

Logo

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.

Personalizzazione del tuo logo

1. Clicca suImpostazioni tema.
2. Clicca suLogo.

3. Nell'areaLogo, clicca suSeleziona immagine, quindi esegui una delle seguenti azioni:

   • Per utilizzare un'immagine che hai già caricato nel pannello di controllo Shopify, cliccaci sopra per selezionarla e poi clicca suSeleziona.
   • Per utilizzare un'immagine dal tuo computer, clicca suCarica. Scegli un'immagine dal tuo computer e clicca suApriper iniziare il caricamento. Verrà selezionata automaticamente al termine del caricamento. Clicca suSeleziona.
   • Per selezionare un'immagine gratuita, clicca suImmagini gratuitee cerca un'immagine o cliccaci sopra per selezionarla.

4. Aggiungi un testo alternativo all'immagine del logo:

   1. Clicca suModifica testo alternativo.
   2. Nella finestraModifica immagine, inserisci una breve descrizione dell'immagine.
   3. Clicca suSalva.

Personalizzazione della larghezza del tuo logo

1. Clicca suImpostazioni tema.
2. Clicca suLogo.
3. Nell'areaLarghezza 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 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 suImpostazioni tema.
2. Clicca suLogo.

3. Nell'areaImmagine Favicon, clicca suSeleziona 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 poi clicca suSeleziona.
   • Per utilizzare un'immagine dal tuo computer, clicca suCarica. Scegli un'immagine dal tuo computer e clicca suApriper iniziare il caricamento. Verrà selezionata automaticamente al termine del caricamento. Clicca suSeleziona.
   • Per selezionare un'immagine gratuita, clicca suImmagini gratuitee cerca un'immagine o cliccaci sopra per selezionarla.

4. Aggiungi un testo alternativo all'immagine favicon:

   1. Clicca suModifica testo alternativo.
   2. Nella finestraModifica immagine, inserisci una breve descrizione dell'immagine.
   3. Clicca suSalva.

Informazioni sul brand

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

Personalizzazione delle informazioni sul tuo brand

1. Clicca suImpostazioni tema.
2. Clicca suInformazioni sul brand.
3. Inserisci un titolo.
4. Inserisci una descrizione.

5. Clicca suSeleziona immagine, quindi scegli una delle opzioni seguenti:

   • Per utilizzare un'immagine che hai già caricato nel pannello di controllo Shopify, cliccaci sopra per selezionarla e poi clicca suSeleziona.
   • Per utilizzare un'immagine dal tuo computer, clicca suCarica. Scegli un'immagine dal tuo computer e clicca suApriper iniziare il caricamento. Verrà selezionata automaticamente al termine del caricamento. Clicca suSeleziona.
   • Per selezionare un'immagine gratuita, clicca suImmagini gratuitee cerca un'immagine o cliccaci sopra per selezionarla.

6. Nell'areaLarghezza immagine, attiva/disattiva il cursore in base alla larghezza in pixel desiderata.

Colori

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

Personalizza le impostazioni del colore

1. Clicca suImpostazioni tema.
2. Clicca suColori.

3. Per aprire il selettore di colori, clicca sul campione di colore corrispondente al colore del tipo di contenuto che desideri modificare.

4. Clicca suSalva.

Per maggiori informazioni sulle opzioni di colore, incluso come impostare le sfumature di colore, consulta la paginaSchemi 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 ifont di sistemanel 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 suImpostazioni tema.
2. Fai clic suCaratteri tipografici.
3. Per ogni tipo di testo, clicca suModificaper utilizzare il selettore di font.
4. Esplora i font disponibili utilizzando il campo di ricerca o cliccando suCarica altri.
5. Clicca sul nome del font che desideri utilizzare, quindi clicca suSeleziona.
6. Clicca suSalva.

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 suImpostazioni tema>Caratteri tipografici.
2. Per modificare la dimensione predefinita dei font per i titoli, utilizza la funzioneScalabilità dimensione fontper 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 funzioneScalabilità dimensione fontper 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 suSalva.

Layout

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

1. Clicca suImpostazioni 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] Aggiungispazio verticale tra le sezionicon il dispositivo di scorrimento intervallo. Puoi aggiungere un massimo di 100 px tra le sezioni.
4. [Facoltativo] Se hai un layout agriglia, utilizza il dispositivo di scorrimento intervallo relativo aSpazio orizzontaleeSpazio verticaleper 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 suSalva.

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 aibordisono:

• 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 alleombre:

• 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 scostamentoOrizzontaleoVerticalespostano la posizione戴尔'ombra intorno 'oggetto.
• Il dispositivo di scorrimento intervalloSfocaturaconsente 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.

Personalizzazione dei pulsanti

1. Clicca suImpostazioni tema.
2. Clicca suPulsanti.
3. Utilizza i dispositivi di scorrimento per modificare l'aspetto delBordodel pulsante.
4. Utilizza i dispositivi di scorrimento per modificare l'Ombradel pulsante. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
5. Clicca suSalva.

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.

Personalizzazione dei pulsanti di selezione variante

1. Clicca suImpostazioni tema.
2. Clicca suPulsanti di selezione variante.
3. Utilizza i dispositivi di scorrimento per modificare l'aspetto delBordodel pulsante di selezione variante.
4. Utilizza i dispositivi di scorrimento per modificare l'Ombradel pulsante di selezione variante. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
5. Clicca suSalva.

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.

Personalizzazione degli input

1. Clicca suImpostazioni tema.
2. Clicca suInput.
3. Utilizza i dispositivi di scorrimento per modificare l'aspetto delBordodell'input.
4. Utilizza i dispositivi di scorrimento per modificare l'Ombradell'input. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
5. Clicca suSalva.

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 suImpostazioni tema.
2. Clicca suSchede.
3. Utilizza il menu a discesa per scegliere loStiledella scheda.
4. AggiungiSpaziatura immaginecon il dispositivo di scorrimento; in questo modo aggiungerai spazio attorno alle immagini della scheda.
5. Utilizza il menu a discesa per impostare l'Allineamento testodelle schede. Scegli tra le opzioni A sinistra, Al centro (impostazione predefinita) o A destra.
6. Utilizza il menu a discesa per selezionare unoSchema di coloriper le schede.
7. Utilizza i dispositivi di scorrimento per modificare l'aspetto delBordodella scheda.
8. Utilizza i dispositivi di scorrimento per modificare l'Ombradella scheda. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
9. Clicca suSalva.

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 suImpostazioni tema.
2. Clicca suContenitori di contenuto.
3. Utilizza i dispositivi di scorrimento per modificare l'aspetto delBordodel contenitore di contenuti.
4. Utilizza i dispositivi di scorrimento per modificare l'Ombradel contenitore di contenuto. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
5. Clicca suSalva.

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 suImpostazioni tema.
2. Clicca suContenuti multimediali.
3. Utilizza i dispositivi di scorrimento per modificare l'aspetto delBordodei contenuti multimediali.
4. Utilizza i dispositivi di scorrimento per modificare l'Ombradei contenuti multimediali. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
5. Clicca suSalva.

Menu a discesa e pop up

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 suImpostazioni tema.
2. Clicca suMenu a discesa e pop up.
3. Utilizza i dispositivi di scorrimento per modificare l'aspetto delBordo.
4. Utilizza i dispositivi di scorrimento per modificare l'Ombra. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
5. Clicca suSalva.

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 suImpostazioni tema.
2. Clicca suFinestre.
3. Utilizza i dispositivi di scorrimento per modificare l'aspetto delBordo.
4. Utilizza i dispositivi di scorrimento per modificare l'Ombra. Impostando l'opacità dell'ombra sullo 0%, l'ombra verrà rimossa.
5. Clicca suSalva.

Badge

I badgeIn offertaedEsauritovengono 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.

I badgePaginaeBlogvengono 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 suImpostazioni tema.
2. Clicca suBadge.
3. Utilizza il菜单每selezionare discesa la及功率zione 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 scorrimentoRaggio angolo. Impostando il raggio dell'angolo su 0 px crei bordi dei badge quadrati, mentre aumentandolo li arrotondi.
5. Scegli unoSchema di coloriper i badge. Puoi impostare uno schema di colori alternativo per gli articoli esauriti.
6. Clicca suSalva.

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.

Personalizzazione delle icone

1. Clicca suImpostazioni tema.
2. Clicca suIcone.
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 suSalva.

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 suImpostazioni tema.
2. Clicca suSocial media.
3. Per aggiungere link ai tuoi account dei social media, inseriscili nei campi disponibili in Account. Inserisci link completi, comehttps://instagram.com/shopifyohttps://twitter.com/shopify.
4. Clicca suSalva.

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: abilita o disabilita 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

1. Clicca suImpostazioni tema.
2. Clicca suInput di ricerca.
3. Utilizza le impostazioni per personalizzare il comportamento di ricerca del negozio.
4. Clicca suSalva.

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

Formato valuta

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

1. Clicca suImpostazioni tema.
2. Clicca suFormato valuta.
3. Per abilitare i codici valuta clicca sulla casella di spuntaMostra i codici valuta.
4. Clicca suSalva.

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 suImpostazioni 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 suMostra fornitore.
4. Facoltativo: per fornire ai clienti uno spazio in cui effettuare richieste speciali o aggiungere ulteriori informazioni sull'ordine, seleziona l'opzioneAbilita nota carrello.

Se il tipo di carrello è impostato suFinestra, 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 suSeleziona collezione. Una volta selezionata una collezione, clicca suCambiaper selezionarne un'altra o rimuoverla dalla finestra del carrello. Puoi anche cliccare suCrea collezioneper crearne una nuova; questo pulsante ti porta dalle impostazioni del tema all'areaCollezionidel 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, consultaCheck-out di Shopify.

Modifica gli stili del tema

Uno阶梯德尔特马e联合国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 suImpostazioni 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 suSalva.

Annulla e ripeti le modifiche

Il pulsanteAnnullaelimina la modifica più recente mentre il pulsanteRipetiripristina una modifica che era stata annullata. Cliccando più volte sul pulsanteAnnullacontinuerai ad annullare il tuo lavoro, una modifica alla volta. I pulsantiAnnullaeRipetisi trovano nella barra degli strumenti dell'editor del tema.

Fai clic sul pulsanteAnnullaper annullare le modifiche seguenti:

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