Modello “Freedom”: Come configurare il modello

Grazie a questa guida, potrai iniziare a utilizzare il tuo nuovo modello. Leggi quindi attentamente queste istruzioni e segui i passi descritti.

Inizia ora!
Header Image
Passo 1
Importare il nuovo modello
Passo 2
Effettuare alcune regolazioni
Passo 3
Attivare il modello

Note importanti prima di iniziare

Alcune modifiche interesseranno direttamente il tuo negozio online.
Ti consigliamo di configurare il modello in un momento in cui non è prevista una grande affluenza di visitatori nel tuo negozio (per esempio, di notte). La configurazione dura circa 1-2 ore.

Hai già creato una copia di backup?
Se hai già utilizzato un altro modello, crea quindi un backup del modello attualmente attivo e del contenuto della home page attuale prima di installare il nuovo modello:

  • Le opzioni di personalizzazione sono limitate. Nota: le modifiche effettuate non menzionate in questa documentazione vengono apportate a discrezione dell’utente.
  • Assicurati che il tuo negozio soddisfi tutti i requisiti elencati per ciascun modello in “Store modelli”.
  • La progettazione dei modelli mostra sei prodotti sulla home page. È possibile assegnare o rimuovere prodotti dalla home page in Contenuto/Categorie >> Visualizzazione del foglio dati >> Prodotti.
  • Per cambiare i caratteri e i colori, puoi utilizzare Progettazione rapida, nell’area di amministrazione, senza restrizioni.
  • È possibile modificare la posizione degli elementi della pagina (per esempio, il campo di ricerca) così come aggiungere nuovi elementi; tuttavia queste operazioni sono sconsigliate poiché non è possibile garantire la posizione esatta degli elementi.
  • L’icona del carrello non può essere modificata.

Passo 1: Importare il nuovo modello

  1. Nel menu principale dell’area di amministrazione, seleziona Progetto, quindi I miei modelli.
    My themes
  2. Scorri in basso in fondo alla schermata e seleziona Importa modello.
    Import theme
  3. Tieni presente che il passi successivi sovrascriveranno il contenuto della home page attuale.
    Tale contenuto può essere testo, immagini o altro contenuto della home page, che viene mostrato oltre agli elenchi di prodotti.

    Per salvare una copia di backup del contenuto, segui questi passi prima di proseguire con i passi 3 e 4.

  4. Seleziona il pulsante Seleziona file… e apri la cartella in cui hai decompresso il file che ti abbiamo inviato. Seleziona quindi il file del modello, ad esempio example.theme.zip. Seleziona l’opzione Sovrascrivi la home page durante l’importazione.
    Select File
  5. Seleziona Importa.

  6. Se l’importazione è stata completata correttamente, il modello verrà elencato nella parte inferiore della pagina I miei modelli page.
    My themes page

Congratulazioni!

Sapevi che puoi regolare il modello prima di attivarlo?

Per offrirti più tempo di preparazione, ti consigliamo di effettuare le regolazioni prima dell’attivazione del nuovo modello. Segui attentamente i passi successivi per assicurarti che il modello sia stato installato correttamente prima di attivarlo nel tuo negozio.


Passo 2: Effettuare alcune regolazioni

Sebbene i modelli siano pronti all’uso, quando si passa a un nuovo progetto, occorre effettuare alcune regolazioni come ad esempio sostituire le immagini segnaposto del modello con le tue immagini.
Exchanging the themes placeholder images

Regolare l’intestazione

Per sostituire il segnaposto nell’area dell’intestazione, devi fornire un’immagine per l’intestazione. Consigliamo immagini di 2000 px x 1200 px.

Come sostituire l’immagine dell’intestazione

  1. Nel menu principale dell’area di amministrazione, seleziona Progetto, quindi I miei modelli.
    My themes
  2. Cerca il modello importato e seleziona Avvia progettazione avanzata.
    Start advanced design
  3. Fai clic sull’area dell’intestazione.
    Header area
  4. Seleziona Inserisci file.
    Insert file
  5. Seleziona I tuoi file.
    Your files
  6. Se desideri caricare un nuovo file, seleziona Carica file e carica un’immagine dal computer; altrimenti continua con il passo successivo.
    Upload files
  7. 7. Seleziona l’immagine di intestazione che desideri utilizzare. Ricorda le dimensioni immagine predefinite (preferibilmente di 2000 px x 500 px).
    Select header image
  8. Seleziona OK.

  9. Salva le modifiche.
    Select Save

La nuova immagine dell’intestazione è ora selezionata.

Come regolare il testo e il pulsante sull’immagine di intestazione

  1. Nel menu principale dell’area di amministrazione, seleziona Progetto, quindi I miei modelli.
    My themes
  2. Cerca il modello importato e seleziona Avvia progettazione avanzata.
    Start advanced design
  3. 3. Nell’anteprima, l’intestazione contiene il pulsante “View collection” (Visualizza collezione). Per modificarlo, passa il mouse sul pulsante e seleziona l’icona a forma di matita. Se i segnaposti non sono visibili, segui queste istruzioni.
    Select pencil icon
  4. Il testo del pulsante può essere modificato solo nel codice sorgente. Per farlo, fai clic sulla relativa icona.
    Select the HTML icon
  5. Modifica il testo del pulsante nel codice sorgente.
    Edit HTML

Il pulsante è stato progettato per scorrere in basso fino ai prodotti elencati sulla home page. Il collegamento del pulsante non deve essere modificato poiché ne comprometterebbe il progetto.

  1. Se il tuo negozio è in varie lingue, seleziona un’altra lingua e ripeti i passi 4-6 per ogni lingua. Se nelle altre lingue non viene visualizzato nessun testo, segui queste istruzioni.
    Make language adjustments
  2. Seleziona Applica.
    Select apply
  3. Salva le modifiche.
    Save the changes

Come regolare i colori dell’intestazione

I colori del pulsante, del testo e del carrello nella sezione di navigazione possono essere modificati come di consueto in Progetto avanzato, ma con alcune eccezioni.

Secondo le impostazioni specifiche del modello, gli elementi di navigazione vengono visualizzati in bianco nella parte superiore della pagina. Quando scorri in basso o vai a una pagina specifica, il colore degli elementi di navigazione diventa automaticamente nero creando un contrasto sullo sfondo bianco del modello.

Hai quindi la possibilità di modificare il testo degli elementi di navigazione e i pulsanti in due fasi.

  1. Nel menu principale dell’area di amministrazione, seleziona Progetto, quindi I miei modelli.
    My themes
  2. Cerca il modello importato e seleziona Avvia progettazione avanzata.
    Start advanced design
  3. Fai clic sull’area dell’intestazione.
    Click on the header area
  4. Seleziona il tuo colore preferito per Intestazione, Testo, Collegamento ed Evidenziazione. Questa operazione modifica gli elementi di intestazione bianchi sulla pagina iniziale.
    Select your preferred colour
  5. Salva le modifiche.
    Save the changes
  6. Per cambiare il colore degli elementi di intestazione visualizzati durante lo scorrimento in basso o sulle pagine di categoria da nero a un altro colore, attiva il piè di pagina. Se la sezione per selezionare l'area della pagina non è visibile, fai semplicemente clic sull’area con lo sfondo grigio oltre al modello per passare a essa.
    Activate the footer
  7. Scorri in basso e seleziona l’area del piè di pagina.
    Select the footer
  8. Cambia il colore di Intestazione, Testo, Collegamento ed Evidenziazione usando quello che preferisci.
    Change the colours
  9. Seleziona Salva.
    Select save
  10. Disattiva il piè di pagina. Se la sezione per selezionare l'area della pagina non è visibile, fai semplicemente clic sull’area con lo sfondo grigio oltre al modello per passare a essa.
    Deactivate the footer

I colori degli elementi di intestazioni sono stati cambiati.

Regolare le immagini teaser

La home page del tuo negozio contiene tre immagini teaser che vengono visualizzate sotto l’immagine di intestazione. Devi sostituire i segnaposti con le immagini teaser. Per queste immagini, consigliamo dimensioni di 300 px x 200 px.

Come sostituire le immagini teaser

  1. Seleziona Contenuto/Categorie e quindi Visualizzazione del foglio dati.
    Select datasheet view
  2. Seleziona Generale.
    Select general
  3. Sotto Descrizione estesa, puoi trovare i segnaposti per le immagini teaser. Se i segnaposti non sono visibili, segui queste istruzioni.
    Find placeholders for the teaser images
  4. Fai clic con il tasto destro del mouse sul segnaposto che desideri modificare e seleziona Immagine.
    Select image
  5. Seleziona Carica immagine.
    Upload image
  6. Se desideri caricare un nuovo file, seleziona Carica file e carica un’immagine dal computer; altrimenti continua con il passo successivo.
    Upload files
  7. Seleziona l’immagine che desideri utilizzare.
    Select an image
  8. Seleziona Applica.

  9. Se l’immagine è troppo grande, puoi inserire i valori di larghezza e altezza corretti, anche se consigliamo di ridimensionare le immagini correttamente prima di caricarle. Per non distorcere l’immagine, l’icona a forma di lucchetto deve essere chiusa. Le dimensioni consigliate per le immagini teaser sono 300 px x 200 px.
    Adjust images
  10. Seleziona OK.

  11. Ora puoi aggiungere un collegamento all’immagine. Per farlo, fai clic con il tasto destro del mouse sul collegamento e seleziona Modifica collegamento. Altrimenti continua con il passo 15.
    Edit link
  12. Seleziona Pagine.
    Select pages
  13. Seleziona la pagina del tuo negozio per cui desideri creare un collegamento.
    Select a page
  14. Seleziona Applica.

  15. Ripeti i passi 4-14 finché non avrai modificato tutte le immagini teaser.

  16. Se il tuo negozio è in varie lingue, seleziona un’altra lingua e ripeti i passi 3-15 per ogni lingua. Se nelle altre lingue non viene visualizzato nessun testo, segui queste istruzioni.
    Select another language
  17. Salva le modifiche.
    Save the changes

Passo 3: Attivare il modello

  1. Nel menu principale dell’area di amministrazione, seleziona Progetto, quindi I miei modelli.
    My Themes
  2. Cerca il modello importato e seleziona Attiva ora.
    Activate now

Il nuovo modello è ora attivato.


Appendice

Create a backup copy of the currently active theme

Se nel tuo negozio hai già utilizzato un altro modello, crea una copia di backup prima di installare quello nuovo.

  1. Nel menu principale dell’area di amministrazione, seleziona Progetto, quindi I miei modelli.
    My themes
  2. Crea una copia di backup del modello attivo selezionando Crea una copia di backup.
    Create backup copy

È stata creata una copia di backup del modello attivo, disponibile alla fine della pagina.

Creare una copia di backup del contenuto della home page attiva

Se nel tuo negozio hai già utilizzato un altro modello, crea una copia di backup del contenuto della home page attiva, come ad esempio immagini o testo.

  1. Per creare un backup del contenuto della home page del tuo negozio, vai nell’area di amministrazione e seleziona Contenuto/Categorie nel menu principale e quindi Visualizzazione del foglio dati.
    Datasheet view
  2. Seleziona Pagine.
    Select Pages
  3. Nella inferiore della tabella, nella colonna Nome, inserisci un nome per il backup, ad esempio “Backup del contenuto della home page”.
    Enter a name for the backup
  4. Seleziona Salva.

  5. Seleziona Generale
    Select General
  6. Copia il contenuto della home page che desideri conservare, ad esempio testo e immagini nel campo Descrizione estesa.
    Long description
  7. Seleziona Pagine.
    Select Pages
  8. Nella tabella, seleziona la pagina creata nel passo 3.
    Select the page you created
  9. Seleziona Testi.
    Select Texts
  10. Incolla il contenuto copiato nel campo corrispondente, ad esempio Descrizione estesa.
    Long description
  11. Salva le modifiche.
    Select Save
  12. Se desideri eseguire il backup di un altro contenuto della home page, seleziona Home page e ripeti quindi i passi 5-11.

  13. Se il tuo negozio è in varie lingue, seleziona un’altra lingua e ripeti i passi 5-12 per ciascuna lingua. Se nelle altre lingue non viene visualizzato nessun testo, segui queste istruzioni.
    Select another language

Hai creato correttamente una copia di backup del contenuto della home page. Puoi ora passare a importare il modello sovrascrivendo la home page con l’importazione.

Regolare la pagina del diritto di recesso

Sulle pagine dei prodotti del tuo negozio, si trova un collegamento chiamato “consegna”:
Delivery link
Se non hai modificato le impostazioni standard e non hai creato il collegamento a un’altra pagina, questo collegamento porta a una pagina speciale che prende il contenuto della pagina del diritto di recesso visualizzandolo separatamente. Questa pagina speciale potrebbe non essere compatibile con il nuovo modello, quindi devi collegarla direttamente alla pagina del diritto di recesso.

  1. Nel menu principale, seleziona Impostazioni e quindi Impostazioni prodotto.
    Product settings
  2. Seleziona Testi.
    Select texts
  3. Nel campo di testo in alto, fai clic con il tasto destro del mouse sulla parola “consegna” e seleziona Modifica collegamento.
    Edit link
  4. Seleziona la pagina del diritto di recesso.
    Select the right of withdrawal page
  5. Seleziona Applica.

  6. Ripeti i passi 3-6 per ciascun campo di testo che contiene il collegamento di consegna.

  7. Salva le modifiche.
    Save the changes
  8. Se il tuo negozio è in varie lingue, seleziona un’altra lingua e ripeti i passi 3-7 per ciascuna lingua.
    Select another language
  9. Seleziona Testi di note per prezzi netti.
    Select Notes texts for net prices
  10. Ripeti i passi 3-8 per tutti i campi di testo contenenti il collegamento di consegna.