Aggiunta di codice CSS al negozio

È possibile modificare il design e il layout di un negozio utilizzando codice CSS. I codici CSS sono utilizzati per definire come gli elementi HTML devono essere visualizzati in una pagina. Per applicare i codici CSS alla vetrina di un negozio, essi vanno aggiunti a un tema CSS nel pannello di controllo Ecwid.

Il video presentato di seguito spiega il funzionamento generale di CSS:

Allo scopo è anche disponibile la nostra collezione di codici CSS più usati. Possono essere usati come sono o modificati per adattarli a un negozio. La modifica di codici CSS richiede una buona conoscenza del linguaggio CSS. Gli utenti che non hanno pratica di programmazione possono rivolgersi al team Ecwid di sviluppo personalizzato.

Per aggiungere del codice CSS a un negozio Ecwid:

Gli utenti che non hanno ancora aggiunto alcun codice CSS al proprio negozio Ecwid, possono accedere alla pagina Aspetto nel pannello di controllo Ecwid.
Scorrere verso il basso fino alla sezione Temi e personalizzazione approfondita.
Fare clic su Crea un tema:

Creare temi nel negozio ecwid

Questa tappa può variare a seconda del sito su cui si vende.
- Se vendi su un Sito istantaneo di ultima generazione, verrai reindirizzato all'Editor del sito istantaneo. Incollare il codice CSS nel campo:
- Se usi la vecchia versione del Sito istantaneo di Ecwid oppure un sito WordPress, Wix o qualsiasi altro sito personalizzato, nella pagina che si aprirà fai clic su Aggiungi nuovo tema CSS e incolla il codice CSS nell'apposito campo. Fai clic sul link Attiva sulla destra per applicare il tema alla vetrina del negozio.

Fare clic su Salva.

Gli utenti che hanno un tema già esistente realizzato con codici CSS e vogliono aggiungere altro codice, possono accedere alla pagina Aspetto nel pannello di controllo Ecwid.
Questa tappa può variare a seconda del sito su cui si vende.
- Se vendi su un Sito istantaneo di ultima generazione, scorri verso il basso nella pagina e fai clic su Crea tema. Sarai reindirizzato all'Editor del sito istantaneo dove potrai modificare il tema corrente o aggiungerne uno nuovo.
- Se usi la vecchia versione del Sito istantaneo di Ecwid oppure un sito WordPress, Wix o qualsiasi altro sito personalizzato, fai clic su Modifica tema accanto al tema corrente:
  
  Aggiungere il nuovo codice CSS al tema già esistente. Aggiungere il nuovo codice sotto quello già esistente:

Salvare le modifiche.

I codici aggiunti al tema CSS attivo si applicheranno al negozio Ecwid in questione. Aggiornare la vetrina del negozio per vedere le modifiche. Non ci possono essere più temi CSS attivi allo stesso tempo. Aggiungere al tema attualmente attivo tutti i codici che si vogliono applicare al negozio.

Se usi un Sito istantaneo di ultima generazione, i codici applicati alla vetrina (cioè, al negozio stesso, dove gli acquirenti navigano tra i prodotti) non si applicano ai blocchi del negozio nella prima pagina del tuo sito. Se hai bisogno di configurare l'aspetto dei blocchi del negozio, puoi farlo separatamente, ad es., nella sezione Design dell'Editor del sito.