Codice personalizzato

Link in evidenza

1. Documentazione Shopify sull’estensione del tema
2. Documentazione Shopify sull’editor del tema
3. Documentazione Shopify su Liquid
4. Documentazione Shopify su Liquid relativa alla policy di spedizione del negozio
5. Documentazione Shopify sulle impostazioni Liquid
6. Documentazione Shopify sull’aggiunta di CSS personalizzato al tema
7. Documentazione Shopify sui template
8. Documentazione Shopify sull’assistenza per i temi
9. Documentazione Shopify sulle app
10. Documentazione Shopify sugli App blocks

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Estendere Align con il codice personalizzato

Align include impostazioni del tema integrate per molte modifiche comuni. Quando queste impostazioni non soddisfano le tue esigenze, puoi estendere il tema Align con HTML o Liquid personalizzato, CSS personalizzato, un’app o modifiche dirette al codice.

Inizia dall’editor del tema Shopify per comprendere le impostazioni disponibili nel tema Align attuale. Per indicazioni sulla piattaforma, consulta la documentazione Shopify sull’editor del tema

Aggiungere HTML o Liquid personalizzato

Alcuni temi includono impostazioni per aggiungere HTML o Liquid all’interno di un template, una sezione o un blocco. Queste impostazioni possono consentire di aggiungere contenuti personalizzati supportati senza modificare direttamente il codice del tema, contribuendo a mantenere l’idoneità del tema agli aggiornamenti.

Consulta la documentazione Align prima di procedere per verificare se il tema include un’opzione HTML o Liquid personalizzato. Potresti usare una sezione Custom Liquid per:

1. Inserire variabili Liquid dove sono utili per la tua attività, ad esempio per mostrare la tua policy di spedizione in una pagina prodotto.
2. Aggiungere il codice necessario per integrare un’app con il tema.

Le impostazioni Liquid forniscono accesso a un insieme limitato di oggetti e tag Liquid. Consulta la documentazione delle impostazioni Liquid per conoscere le opzioni supportate.

Aggiungere CSS personalizzato

Il CSS controlla l’aspetto degli elementi nel tema. Usa la funzionalità CSS personalizzato di Shopify quando ti servono modifiche di stile oltre le impostazioni Align disponibili.

Puoi applicare CSS personalizzato all’intero tema o a una sezione specifica all’interno di un template. Per eseguire questa operazione è necessaria una certa familiarità con CSS e HTML. Prima di apportare modifiche, consulta la documentazione Align di Company XYZ e le risorse di assistenza disponibili presso l’assistenza Company XYZ, oltre alle indicazioni Shopify sull’assistenza disponibile per i temi

Installare un’app

Le app possono integrarsi con il tema Align in diversi modi:

1. App blocks

   Aggiungi le funzionalità dell’app dove ne hai bisogno, quindi personalizzale o rimuovile nell’editor del tema. App blocks sono disponibili solo con i temi Online Store 2.0; per i temi vintage, controlla la scheda e la documentazione dell’app per verificarne la compatibilità.

2. Incorporamenti delle app

   Attiva, disattiva e personalizza overlay, elementi mobili o funzionalità di sfondo forniti dalle app tramite l’editor del tema.

3. App aggiunte al codice del tema

   Alcune app aggiungono direttamente codice al tema. A seconda dell’app, potresti gestirla tramite le impostazioni dell’app o l’editor del tema. Se il tema include una sezione Custom Liquid, potresti riuscire ad aggiungere lì il codice dell’app invece di modificare direttamente il codice del tema.

Quando pubblichi un tema diverso, riattiva le app nel nuovo tema. Non sono attive per impostazione predefinita.

Modificare il codice del tema

Le modifiche dirette al codice consentono di apportare cambiamenti dettagliati quando l’editor del tema, il CSS personalizzato, Custom Liquid e le app non soddisfano le tue esigenze.

Attenzione

La modifica del codice del tema può rendere il tema Align non idoneo agli aggiornamenti. Usa questa opzione solo quando non puoi apportare la modifica necessaria tramite l’editor del tema.

Per informazioni sugli aspetti da considerare e sulle misure di sicurezza durante la modifica, consulta la documentazione Shopify sulla modifica del tema tramite codice

Modifica il codice del tema solo se ti senti a tuo agio a lavorare con HTML e CSS e hai una conoscenza di base di Liquid. Per indicazioni specifiche su Align, inizia dall’assistenza Company XYZ. L’assistenza Shopify può aiutare con alcune personalizzazioni del codice per i temi gratuiti idonei di proprietà di Shopify; consulta le indicazioni Shopify sull’assistenza per i temi per conoscere le norme della piattaforma.

Puoi modificare il codice del tema in due modi:

1. Modifica il codice direttamente nell’admin Shopify
2. Lavora localmente con strumenti di sviluppo come Shopify CLI e l’integrazione Shopify GitHub

Note sull’uso

1. Inizia dalle impostazioni del tema. Usa le opzioni Align integrate prima di passare al codice personalizzato o a un’app.
2. Usa Custom Liquid con attenzione. Verifica che gli oggetti e i tag Liquid richiesti siano supportati prima di aggiungere contenuti.
3. Verifica la compatibilità dell’app. Consulta la documentazione dell’app, soprattutto quando usi un tema vintage.
4. Pianifica le modifiche al tema. Riattiva le app dopo aver pubblicato un nuovo tema.
5. Proteggi l’idoneità agli aggiornamenti. Usa le modifiche dirette al codice solo quando le altre opzioni di personalizzazione non consentono di ottenere il risultato richiesto.