Il sito utilizza un unico file CSS compilato o le sezioni hanno file individuali?

Link in evidenza

1. Documentazione di Shopify sull'aggiunta di CSS personalizzato al tema
2. Documentazione di Shopify sulla modifica del codice del tema
3. Documentazione di Shopify sull'aggiornamento dei temi

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

I temi Company XYZ utilizzano una combinazione di CSS globale e stili specifici per le sezioni.

Il foglio di stile globale principale si trova in Theme root > assets > base.css. Alcune sezioni hanno anche un proprio foglio di stile nella stessa cartella assets. Questi file utilizzano il prefisso section- seguito dal nome della sezione, ad esempio section-features-bar.css.

Per informazioni sugli aggiornamenti, consulta la documentazione di Shopify sull’aggiornamento dei temi

Per gli stili personalizzati, quando possibile utilizza l’opzione CSS personalizzato dell’editor del tema. Consulta la documentazione di Shopify sull’aggiunta di CSS personalizzato al tema. Se hai bisogno di un foglio di stile separato, aggiungi un nuovo file CSS autonomo per le tue personalizzazioni invece di modificare i file CSS esistenti del tema. Per i passaggi relativi alla modifica del codice, consulta la documentazione di Shopify sulla modifica del codice del tema

Attenzione

Le modifiche ai file CSS esistenti del tema potrebbero essere sovrascritte durante un aggiornamento del tema e rendere più difficile l’assistenza continuativa.

Note sull’uso

1. Inizia dagli stili globali. Utilizza base.css per gli stili che devono essere applicati a tutto il sito.
2. Controlla gli stili delle sezioni. Quando modifichi una sezione specifica, cerca il foglio di stile section- corrispondente.
3. Mantieni separate le personalizzazioni. Preferisci utilizzare il CSS personalizzato nell’editor del tema o un foglio di stile autonomo per semplificare i futuri aggiornamenti del tema.