Modello “Lookbook”: 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’immagine principale

Per sostituire il segnaposto nell’area dell’intestazione, devi fornire un’immagine dalle dimensioni consigliate (1100 px x 40 px).

Come sostituire l’immagine principale

  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 nella parte superiore dell’anteprima.
    Header area
  4. Seleziona Inserisci file.
    Insert file
  5. Per caricare o scegliere un file, 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. Select the image you want to use. Please remember the predefined image sizes (preferably 1100px x 40px).
    Select header image
  8. Seleziona Ok.

  9. Nell’anteprima, l’immagine principale contiene un testo segnaposto con un link. Per modificare il testo e il collegamento, passa il mouse sopra il testo e seleziona l’icona a forma di matita. Se i segnaposti non sono visibili, segui queste istruzioni.
    Select the pencil icon
  10. Modifica il testo.

  11. Se desideri aggiungere un collegamento al testo, seleziona il testo che vuoi usare come collegamento, fai clic con il tasto destro del mouse sul testo e seleziona Modica collegamento. Altrimenti continua con il passo 15.
    Select Edit link
  12. Seleziona Pagine.
    Select pages
  13. Seleziona la pagina del tuo negozio per cui desideri creare un collegamento.
    Select the page you want to link to
  14. Seleziona Applica.

  15. Seleziona Applica.
    Select apply
  16. Salva le modifiche.
    Save the changes

La nuova immagine superiore e il relativo testo sono stati regolati.

Come sostituire il logo del negozio

  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. Nell’anteprima, l’immagine del logo contiene un'immagine segnaposto. Per modificare l’immagine, 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. Seleziona I tuoi file.
    Select your files
  5. Se desideri caricare un nuovo file, seleziona Carica file e carica un’immagine dal computer; altrimenti continua con il passo successivo.
    Select upload files
  6. Seleziona l’immagine che desideri utilizzare. Ricorda le dimensioni immagine predefinite (preferibilmente di 230 px x 28 px).
    Select an image
  7. Seleziona OK

  8. Salva le modifiche.
    Save the changes

Il logo è stato regolato.

Regolare le immagini di intestazioni e teaser

Il modello contiene un’immagine di intestazione grande e due immagini teaser sotto. Devi sostituire i segnaposti con le tue immagini.

Consigliamo dimensioni immagini di 1100 px x 552 px per l’immagine di intestazione e dimensioni di 535 px x 402 px per le immagini teaser.

Come sostituire le immagini di intestazioni e 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 l’immagine dell’intestazione sono 1100 px x 552 px, mentre per le immagini teaser sono 535 px x 402 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.
    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

Creare una copia di backup del modello attualmente attivo

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.

Come collegare la 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.