Usare un CSS personalizzato

Il CSS è un linguaggio che gestisce il design delle pagine web ed è usato nella maggior parte dei siti. Usando un codice CSS personalizzato è possibile personalizzare il design del negozio.
 
Con un codice CSS personalizzato è possibile modificare i seguenti aspetti del negozio:

  • Colori
  • Font
  • Visibilità degli elementi

 
Le modifiche sono valide per l’intero negozio, non solo per la pagina aperta nell’editor nel momento in cui si modifica il codice CSS. Il codice CSS personalizzato non modifica la pagina checkout del negozio.
 
Il modo ottimale per modificare i colori del negozio è farlo come indicato dall'articolo Modificare i colori del negozio. Se i colori vengono modificati tramite CSS,  questo potrebbe prevalere su queste impostazioni di colore.

Queste impostazioni possono alterare il design del negozio in modi indesiderati, e possono anche avere effetti negativi sulla reattività del design del negozio.
 
Il codice CSS deve essere inserito solo da utenti esperti. Ogni modifica può infatti influire sul design e la funzionalità del sito web. Dopo avere apportato tutte le modifiche, è quindi consigliabile controllare attentamente il sito web. Tenete inoltre presente che anche gli aggiornamenti del negozio applicati automaticamente potrebbero influire sul codice programma del sito web. Dopo ogni aggiornamento, è quindi consigliabile controllare se il codice CSS inserito risponde ancora al proprio scopo e se la funzionalità e il design sono stati influenzati dall'aggiornamento.

 

Come aggiungere un codice CSS personalizzato

1. Nel menú principale dell'area di amministrazione, selezionare Editor.
 
2. Nella parte centrale dello schermo in basso, seleziona l'icona a pennello .
 
3. Seleziona </>.
 
4. Aggiungere il proprio codice CSS.
 
5. Salva le modifiche.
 
6. Selezionare Visualizza il negozio e controllare che le modifiche siano visualizzare correttamente o se ci sono problemi.
 

Il codice CSS è applicato solo allo stile attualmente selezionato. In caso di modifica dello stile, il codice CSS non sarà più applicato al negozio. Se si desidera tornare allo stile per cui era stato inserito il codice CSS, il codice CSS è applicato di nuovo al negozio.
 
Il software del negozio controlla automaticamente se il codice CSS inserito segue le regole del linguaggio CSS.
 
Durante la modifica dei colori è possibile che sia necessario adattare il margine e il riempimento di alcuni elementi.
 
Non è necessario inserire nessun tipo di foglio di stile per il codice CSS personalizzato.