In questa sezione ti verranno illustrate le modalità di personalizzazione dei temi.
La guida si basa sul tema che viene fornito con la creazione del negozio, ma può essere considerata una base per comprendere il funzionamento di tutti i temi del Theme Store.
In questa sezione vedremo:
L'interfaccia di configurazione
Per entrare nell'interfaccia di configurazione, entrare in ECOMMERCE > TEMA> PERSONALIZZA in corrispondenza del tema che si desidera personalizzare.
L'interfaccia di configurazione è composta da:
- Anteprima del sito (sinistra)
- Configurazioni (destra)
Quando modifichi qualche configurazione, l'anteprima del tuo sito verrà aggiornata. Solo quando cliccherai su "SAVE" allora la tua configurazione verrà memorizzata e sarà visibile.
Clicca su "Site preview" () per poter vedere il tuo sito.
Nella sezione di configurazioni, le personalizzazioni del tema sono divise in:
- Section: configurazioni di sezione, ovvero la pagina corrente visualizzata nell'anteprima
- General: configurazioni generali
Con l'icona "responsive" () si possono applicare diverse dimensioni all'anteprima, in modo da verificarne la resa nei dispositivi tablet e mobile del proprio tema.
Con l'icona "mondo" () se il tuo sito è multi-lingua, puoi passare alla visualizzazione dell'anteprima e delle configurazioni nelle altre lingue abilitate. Quando cambi lingua, i campi di configurazione contrassegnati con la bandierina, dovranno essere compilati con i dati nella lingua selezionata.
Con l'icona "hamburger" () è possibile navigare tra le sezioni standard del sito: home, shop, blog, ... e poter attivare quindi le configurazioni di sezione.
Con l'icona "refresh" () è possibile ripristinare una delle ultime 5 versioni delle tue personalizzazioni oppure tornare alla versione iniziale.
Cliccando sul pulsante tutte le configurazioni non salvate andranno perse e tornerai alla situazione dell'ultimo salvataggio.
Le configurazioni generali
Cliccando in alto a destra sul pulsante "General" puoi trovare tutte le configurazioni che hanno un impatto globale nel tema.
L'insieme delle configurazioni generali dipende da tema a tema, ma in generale si suddividono in "Colors", "Font", "Product preview", raggruppando le impostazioni per argomento.
Cliccando su ciascuna voce, compariranno le personalizzazioni, ad esempio cliccando su "Font" potremmo trovare:
Tra le configurazioni che possiamo considerare "generali", si trovano anche quelle di Header e Footer. Queste si possono personalizzare cliccando in alto sul pulsante "Sections", sono comuni a tutte le pagine del sito. Anche queste possono variare da tema a tema.
Le configurazioni "Header" riguardano solitamente l'aspetto della parte alta del sito e del menu principale.
Le configurazioni "Footer" riguardano solitamente l'aspetto della parte finale del sito.
Le configurazioni di sezione
Le configurazioni di sezione dipendono dalle pagine standard che compongono un negozio costruito con TeamSystem Commerce.
Le pagine che si possono configurare:
- Homepage
- Shop (navigazione prodotti)
- Cart
- Product (cliccare su un'anteprima prodotto per vedere le configurazioni della pagina prodotto)
- Blog
- Post (cliccare su un post del blog per accedere alle configurazioni dei post)
- About us
- Contact us
- Page (custom page)
- Landing page (funzionalità custom, se sei interessato contattaci)
- Store locator (funzionalità custom, se sei interessato contattaci)
Queste pagine possono avere:
- Configurazioni specifiche, ad esempio si può trovare "Shop settings" entrando nel listing prodotti. Non tutte le pagine possono avere configurazioni specifiche, dipende dal tema.
- Un insieme di sezioni, dette anche widget.
I widget
Nelle configurazioni di sezione, troverete i widget, cioè componenti dinamiche che costruiscono le pagine del sito.
Ciascun tema ha il proprio insieme di widget.
Clicca su ciascun widget per posizionare l'anteprima sulla sezione corrispondente e attivare la visualizzazione delle sue configurazioni.
I widget possono essere:
- Spostati: drag&drop, usa il mouse per trascinare il widget nella posizione che preferisci. I widget non possono essere spostati prima e dopo le sezioni fisse (header, footer, contenuti standard)
- Eliminati: clicca sul widget e in basso troverai il link in rosso "Remove this section"
- Aggiunti: clicca sul pulsante "Add new section" e selezionando il widget desiderato. Ogni nuovo widget viene aggiunto in cima a tutti gli altri già presenti.
NB: i widget delle pagine create in ECOMMERCE > PAGINE sono condivisi tra tutte le pagine, in quanto queste sono modificabili tramite il loro editor dedicato; lo stesso vale per i widget aggiunti sui prodotti.
E' possibile che alcuni temi non prevedano la personalizzazione di alcuni elementi o potresti avere bisogno di widget diversi o nuovi.
Non ti preoccupare, tutti nostri temi sono 100% personalizzabili, inviaci la tua richiesta a help@teamsystemcommerce.com e valuteremo insieme le tue necessità.
Commenti