Come modificare un tema Shopify senza rompere il tuo negozio
Come modificare un tema Shopify
Come modificare un tema Shopify in sicurezza: editor, sezioni, codice | We.Inc
Modifica il tuo tema Shopify senza rompere il negozio live: prima duplicalo, usa sezioni e blocchi nell'editor del tema e tocca il codice solo dopo aver fatto un backup.
Prima duplica il tema, così hai un backup, poi apri la copia nell'editor del tema e cambia sezioni, blocchi e impostazioni del tema senza codice. Guarda l'anteprima e pubblica solo quando tutto è a posto. Usa Modifica codice solo per i cambiamenti che l'editor non può fare, e copia ogni file prima di modificarlo.
Modi per cambiare un tema Shopify, dal più sicuro
Metodo
Cosa modifichi
Serve codice?
Impostazioni del tema
Colori, font, pulsanti e altri stili validi per tutto il negozio
No
Sezioni e blocchi
Cosa compare in ogni pagina e in che ordine
No
Modifica codice
I file Liquid, CSS e JavaScript del tema
Sì
Sviluppo in locale
L'intero tema, con il controllo di versione
Sì
L'editor del tema di Shopify ti permette di riorganizzare il negozio senza toccare il codice, e alla maggior parte dei titolari non serve altro. Segui la checklist qui sotto in ordine. Mantiene una copia sicura a ogni passaggio, così una modifica sbagliata ti costa un minuto invece di un weekend perso.
Dal pannello di amministrazione, vai su Negozio online, apri il menu delle azioni del tuo tema e fai clic su Duplica.
Fai clic su Personalizza sulla copia, non sul tema live, per aprire l'editor del tema.
Aggiungi, nascondi, riordina o elimina sezioni e blocchi, e imposta gli stili di tutto il negozio nelle impostazioni del tema.
Guarda l'anteprima della copia, poi pubblicala quando sei soddisfatto. Il vecchio tema resta nella tua libreria come riserva.
Se non sei sicuro, nascondi una sezione invece di eliminarla. Una sezione nascosta conserva il suo contenuto per dopo.
Ogni template può contenere fino a 25 sezioni, e fino a 1250 blocchi in totale, quindi le pagine molto lunghe vanno sfoltite.
Se un aggiornamento del tema va in conflitto con codice che hai modificato, Shopify avverte che le tue modifiche al codice vengono rimosse nella copia aggiornata. Prendi nota di ogni modifica.
Nell'editor del tema puoi vedere lo sviluppatore e il numero di versione del tuo tema, utile quando contatti l'assistenza.
Domande frequenti
Modificare il tema cambia subito il negozio live?
Le modifiche al tema pubblicato vanno online quando salvi. Modificare un duplicato non pubblicato non cambia nulla per i clienti finché non pubblichi quella copia.
Qual è la differenza tra una sezione e un blocco?
Una sezione è una parte della pagina a tutta larghezza, come uno slideshow o una collezione in evidenza. I blocchi sono gli elementi più piccoli al suo interno, come un titolo, un pulsante o un'immagine.
Come annullo una modifica al codice?
Nell'editor del codice, la vista Cronologia di un file può ripristinare una versione precedente. Shopify precisa che la cronologia è limitata e che il ripristino sostituisce l'intero file, quindi copia prima tutto ciò che vuoi conservare.
L'assistenza Shopify può modificare il tema al posto mio?
Per i temi creati da Shopify, l'assistenza può aiutare con alcune personalizzazioni predefinite ma non scrive codice personalizzato. Per un tema a pagamento, chiedi al suo sviluppatore, oppure affida il lavoro personalizzato a un Shopify Partner.
Quante copie di un tema posso tenere?
I negozi con i piani Basic, Grow e Advanced possono contenere fino a 20 temi. Se raggiungi il limite, devi eliminarne uno prima di duplicarne un altro.
Quando aprire Modifica codice
Shopify consiglia di modificare il codice del tema solo se conosci HTML e CSS e hai una conoscenza di base di Liquid, il suo linguaggio di template. I motivi tipici sono una piccola modifica di stile che le impostazioni non offrono, o uno snippet che un'app ti chiede di incollare.
Prima di salvare, copia il file originale in un file di testo sul tuo computer. Così hai una seconda rete di sicurezza accanto alla cronologia di Shopify.
Perché il duplicato è importante
Una copia compare nella libreria dei temi come Copia di più il nome originale. Rinominala con qualcosa di chiaro, come la data e cosa hai cambiato, così in seguito distingui le versioni.
Pubblicare una copia è reversibile: il tema precedente è ancora nella libreria, e puoi ripubblicarlo se le vendite calano o qualcosa sembra rotto.
Cosa salva l'editor per te
In un tema moderno ogni tipo di pagina è un template JSON: un elenco di sezioni, le loro impostazioni e il loro ordine. L'editor del tema scrive questo file quando sposti gli elementi, ed è per questo che raramente devi modificarlo a mano.
Un piccolo template di pagina prodotto
L'oggetto sections contiene ogni sezione e le sue impostazioni; order è l'elenco che Shopify renderizza dall'alto verso il basso.
Checklist per modificare in sicurezza
{n} su {v} passaggi completati
Ricomincia
Tutti i passaggi completati. Il tuo vecchio tema è ancora nella libreria se ti serve.
Duplica il tema live da Negozio online
Rinomina la copia per distinguerla
Apri la copia con Personalizza
Imposta colori, font e pulsanti nelle impostazioni del tema
Aggiungi, nascondi o riordina sezioni e blocchi
Guarda l'anteprima su un telefono e su un computer