Modello “Sky”: 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.
    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 disegno, 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 600 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. 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; diversamente, continua con il passo successivo.
    Upload files
  7. Seleziona l’immagine di intestazione che desideri utilizzare. Ricorda le dimensioni immagine predefinite (preferibilmente 2000 px x 600 px).
    Select header image
  8. Seleziona Ok.

  9. Salva le modifiche.
    Select Save

La nuova immagine dell’intestazione è ora selezionata.

Come regolare il pulsante del collegamento 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. Nell’anteprima, l’intestazione contiene il pulsante “Shop the collection” (Acquista collezione). Per modificare il testo e il collegamento del pulsante così come il testo sopra, passa il mouse sopra il 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 HTML icon
  5. Modifica il testo del pulsante nel codice sorgente.
    Edit HTML
  6. Per modificare il collegamento del pulsante, torna all’editor di visualizzazione normale facendo clic nuovamente sull’icona relativa al codice sorgente a destra.
    Select HTML
  7. Fai clic con il tasto destro del mouse sul testo del pulsante e seleziona Modifica collegamento.
    Edit link
  8. Seleziona Pagine.
    Select page
  9. Seleziona la pagina del tuo negozio per cui desideri creare un collegamento.
    Select page
  10. Seleziona Applica.

  11. Se il tuo negozio è in varie lingue, seleziona un’altra lingua e ripeti i passi 4-10 per ciascuna lingua. Se nelle altre lingue non viene visualizzato nessun testo, segui queste istruzioni.
    Select another language
  12. Seleziona Applica.
    Select apply
  13. Salva le modifiche.
    Save changes

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 300 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 the placeholders
  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. Diversamente, continua con il passo successivo.
    Select upload file
  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 300 px.
    Adjust image
  10. Seleziona OK.

  11. Puoi ora 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 una pagina del tuo negozio per cui desideri creare un collegamento.
    Select a page
  14. Seleziona Applica.

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

  16. Se il tuo negozio è in varie lingue, seleziona un’altra lingua e ripeti i passi 3-15 per ciascuna 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.