·2 min read·Design del negozio

Tema

Un tema Shopify è il pacchetto di codice e template che controlla il layout, il design e le funzionalità del negozio usando Liquid, HTML, CSS e JS.

Kasper Hermann Due Stück
Fondatore e specialista e-commerceSviluppo di app Shopify focalizzate su SEO e crescita per i commercianti.

Cos’è un tema?

Un tema è il pacchetto di modelli e codice che controlla il layout, il design e le funzionalità della tua vetrina. In Shopify un tema è sviluppato con il linguaggio di template Liquid combinato con HTML, CSS e JavaScript. I moderni temi di Online Store 2.0 utilizzano modelli JSON con sezioni e blocchi che puoi aggiungere, rimuovere e riordinare nell’editor dei temi — senza toccare il codice.

Perché un tema è importante?

Il tema è la cornice che i tuoi clienti vedono effettivamente e in cui fanno acquisti, quindi influisce direttamente sulla conversione, sulla velocità della pagina e sulla SEO. Un tema pesante o mal strutturato causa pagine lente e spostamenti del layout (CLS), mentre un tema ben strutturato mantiene i contenuti più importanti sopra la piega e funziona altrettanto bene su dispositivi mobili e desktop. Poiché il tema esegue anche il rendering di titoli, metadati e dati strutturati, la scelta del tema ha un grande impatto sul modo in cui Google comprende le tue pagine.

Casi d’uso comuni

  • Scegliere un nuovo tema. Scegli tra temi gratuiti e a pagamento nel Shopify Theme Store — ad esempio il tema predefinito gratuito Dawn.
  • Personalizzazione senza codice. Regola colori, sezioni e contenuti nell’editor dei temi sotto Negozio online → Temi.
  • Modifiche al codice. Modifica theme.liquid, sezioni, snippet e risorse tramite Modifica codice.
  • Integrazione di app. Aggiungi blocchi di app all’interno delle sezioni invece di codificarli direttamente nel tema.
  • Aggiornamento. Cambia o aggiorna un tema senza perdere i contenuti memorizzati nei prodotti e nei metafield.

Prospettiva di Shopify

Mantieni una versione pulita del tuo tema e testa le modifiche su un duplicato prima di pubblicarlo. Tieni presente che il checkout non è controllato dal tema — viene personalizzato separatamente tramite la Checkout Extensibility. Prendi in considerazione un page builder se desideri creare landing page senza modificare il codice Liquid, e tieni d’occhio la velocità della pagina quando installi app che aggiungono script al tema.

Aggiornamenti Pocium per i commercianti Shopify

Nuove app, guide pratiche Shopify e aggiornamenti di prodotto.