Modifica il codice del tema

Link in evidenza

1. Directory dei partner Shopify
2. Documentazione Shopify sulla struttura dei temi e sull’estensione dei temi
3. Documentazione per sviluppatori Shopify su Liquid
4. Documentazione Shopify sulla duplicazione dei temi
5. Documentazione Shopify sull’assistenza per i temi
6. Documentazione Shopify sul caricamento delle immagini del tema
7. Temi nel pannello di controllo Shopify
8. Documentazione Shopify sulle versioni dei temi
9. Documentazione Shopify sulla personalizzazione dei temi
10. Documentazione Shopify su dove trovare assistenza per il tema

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Modifica il codice del tema Align

La modifica del codice consente di apportare cambiamenti dettagliati alla vetrina Align su Shopify. I file del tema possono contenere Liquid, HTML, CSS, JSON e JavaScript.

Modifica il codice solo se hai dimestichezza con HTML e CSS e una conoscenza di base di Liquid. Utilizza l’editor del tema Align quando consente di ottenere la modifica desiderata.

Attenzione

Gli aggiornamenti del tema possono rimuovere le modifiche al codice incompatibili con la copia aggiornata. Esegui un backup prima di iniziare.

Per ricevere assistenza su domande specifiche relative ad Align, inizia da assistenza Company XYZ. Se hai bisogno di una funzionalità personalizzata e non hai esperienza con HTML, CSS e JavaScript, l’assistenza Company XYZ può aiutarti a individuare il passaggio successivo appropriato.

Prima di personalizzare Align

Completa questi passaggi prima di apportare modifiche al codice:

1. Duplica il tema per creare un backup.

   Se necessario, puoi ignorare le modifiche e ricominciare da questa copia.

2. Esamina il livello di assistenza disponibile per il tuo tema.

3. Scopri i requisiti e le best practice per caricare le immagini

Modifica il codice del tema

1. Dal tuo pannello di controllo Shopify, vai su Online Store > Themes

2. Individua la copia del tema Align che vuoi modificare, fai clic su … > Edit code.

3. Seleziona un file dalla directory a sinistra per aprirlo nell’editor.

4. Apporta le modifiche. Puoi aprire e modificare più file contemporaneamente.

   Accanto al nome dei file modificati viene visualizzato un punto, che ti aiuta a tenere traccia dei file in cui hai apportato modifiche.

Ripristina una versione precedente del tema

Se devi annullare una modifica, puoi ripristinare singoli file .liquid a una versione salvata precedente.

I file nella cartella Assets, inclusi theme.scss.liquid e theme.js, non conservano le versioni modificate precedenti. Conserva una copia separata delle modifiche a questi file se potresti doverle recuperare.

1. Dal tuo pannello di controllo Shopify, vai su Online Store > Themes

2. Individua la copia del tema Align che vuoi modificare, fai clic su … per aprire il menu delle azioni, quindi seleziona Edit code.

3. In Templates, seleziona un file .liquid modificato di recente.

4. Seleziona Current version sotto il nome del file.

5. Utilizza il menu a discesa per scegliere una versione precedente.

   Selezionando una data e ora, ripristini la versione salvata corrispondente.

6. Facoltativo: seleziona Preview store per verificare che il problema sia stato risolto.

Utilizza Theme Check

Theme Check fornisce un feedback immediato mentre scrivi il codice, così puoi identificare i problemi prima che influiscano sulla tua vetrina Align attiva.

Può identificare problemi come:

• Script che bloccano il parser e possono rallentare una vetrina.
• Incoerenze nei file di traduzione, incluse chiavi di traduzione mancanti o traduzioni che non corrispondono a un file locale.
• Template mancanti.

Sotto il codice con un errore identificato viene visualizzata una riga rossa. Passa il mouse sulla riga evidenziata per visualizzarne i dettagli.

Trova tutorial sulla personalizzazione del tema

I tutorial sulla personalizzazione del codice del tema possono guidarti nelle modifiche a pagine o funzionalità specifiche. Scegli tutorial compatibili con la versione dell’architettura del tuo tema; scopri come identificare la versione dell’architettura del tema

1. Personalizzazione dei temi Online Store 2.0

Ricevi assistenza per le personalizzazioni

Per indicazioni specifiche su Align, contatta l’assistenza Company XYZ. Company XYZ supporta Align e può aiutarti a comprendere le opzioni relative al tema prima di apportare modifiche.

Le risorse dell’assistenza Shopify descrivono anche dove trovare assistenza per il tuo tema e risorse aggiuntive per l’assistenza sui temi. Utilizza l’assistenza Shopify per questioni relative al pannello di controllo Shopify, all’account, alla fatturazione o ad altri aspetti gestiti dalla piattaforma.

Note sull’uso

1. Lavora a partire da un backup. Duplica il tema Align prima di ogni sessione di personalizzazione del codice.
2. Utilizza lo strumento corretto. Preferisci l’editor del tema quando consente di ottenere il risultato senza modifiche al codice.
3. Verifica le modifiche. Visualizza l’anteprima del negozio dopo aver modificato o ripristinato un file per confermare il risultato previsto.
4. Modifica gli asset con attenzione. Conserva una tua copia delle modifiche ai file in Assets, poiché le versioni modificate precedenti non sono disponibili in questa cartella.