Modello “Loft”: 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 progetto, occorre effettuare alcune regolazioni come ad esempio sostituire le immagini segnaposto del modello con le tue immagini.
Exchanging the themes placeholder images

Regolare le immagini di intestazioni e teaser

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

Devi inoltre fornire delle immagini teaser. Consigliamo immagini di 585 px x 270 px.

Come sostituire l’immagine di intestazioni e le immagini teaser

  1. Seleziona Contenuto/Categorie e quindi Visualizzazione del foglio dati.
    My themes
  2. Seleziona Generale.
    Select general
  3. In Descrizione estesa, troverai tre segnaposti. Il primo segnaposto è destinato all’immagine dell’intestazione (dimensioni consigliate: 1200 px x 520 px), gli altri due sostituiscono le immagini teaser che vengono visualizzate sotto l’immagine dell’intestazione (dimensioni consigliate: 585 px x 270 px). Se i segnaposti non sono visibili, segui queste istruzioni.
    Header area
  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 image
  8. Seleziona Applica.

  9. Se l’immagine è troppo grande, puoi inserire i valori di larghezza e altezza corretti. Per non distorcere l’immagine, l’icona a forma di lucchetto deve essere chiusa. Tuttavia consigliamo di ridimensionare le immagini correttamente prima di caricarle. Le dimensioni consigliate per le immagini teaser sono 585 px x 270 px. Le dimensioni consigliate per l’immagine di intestazione sono 1200 px x 520 px.
    Resize image
  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.
    Edit link
  13. Seleziona la pagina del tuo negozio per cui desideri creare un collegamento.

    Sotto Testo del collegamento puoi inserire un testo da visualizzare quando un visitatore del tuo negozio passa il mouse sull’immagine. Questo testo corrisponde al cosiddetto tag “ALT”.
    Select a page
  14. Seleziona Applica.

  15. Ripeti i passi 3-14 finché non avrai modificato tutte le immagini teaser e l’immagine dell’intestazione.

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

Adesso hai selezionato la nuova immagine dell’intestazione e le nuove immagini teaser.


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 Save

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.

Come creare un logo a partire dal titolo del negozio

Questo passo non è obbligatorio. Puoi seguire queste istruzioni se desideri utilizzare il titolo del negozio come logo anziché caricare un’immagine come descritto qui.

  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’area dell’intestazione, puoi visualizzare il logo o un segnaposto per l’intestazione. Passa il mouse sull’intestazione e seleziona l’icona a forma di X.
    Delete the logo
  4. Seleziona l’icona con il segno più nell’area di intestazione per inserire il nuovo logo come elemento di pagina.
    Select the plus icon
  5. Seleziona Più elementi di pagina.
    Select more page elements
  6. Seleziona Nome del sito web con slogan.
    Select name of website with slogan
  7. Seleziona Inserisci.

  8. Se desideri modificare il nome del sito web e lo slogan, puoi farlo nei campi corrispondenti. Altrimenti continua con il passo 10.
    Edit the fields
  9. Se il tuo negozio è in altre lingue, seleziona la lingua e ripeti il passo 8 per ciascuna lingua.

  10. Seleziona Applica.

  11. Salva le modifiche.
    Save the changes

Il logo del negozio è stato creato a partire dal titolo del negozio.