Le gallerie di prodotti sono fatte per mostrare i prodotti che offri. Puoi aggiungere una galleria a qualsiasi pagina del sito e decidere cosa mostrare: tutti i tuoi prodotti o una categoria specifica.
A seconda delle tue preferenze, puoi scegliere tra una galleria a griglia o una galleria a scorrimento, come quella qui sotto:
In questo articolo, scopri di più su:
Mostrare una categoria in una galleria a griglia
Una galleria prodotti a griglia è un ottimo modo per mostrare un gran numero di prodotti. I prodotti vengono visualizzati in una griglia con più colonne e righe.
Per aggiungere una Galleria a griglia e selezionare una categoria da mostrare:
- Vai alla pagina su cui vuoi aggiungere una galleria
- Apri il pannello Aggiungi nell'Editor:
- Editor Wix: clicca su Aggiungi elementi sul lato sinistro dell'Editor
- Editor X: clicca su Aggiungi elementi nella parte superiore dell'Editor X
- Clicca su Negozio
- Clicca su Galleria a griglia
- Trascina la Galleria a griglia nella posizione pertinente sulla pagina del tuo sito
- Clicca sulla galleria nell'Editor
- Clicca su Scegli categoria
- Seleziona un'opzione:
- Per mostrare tutti i prodotti: assicurati che la categoria Tutti i prodotti sia selezionata
- Per mostrare una categoria: clicca su una categoria per selezionarla
Personalizzare una galleria a griglia
La galleria è la prima cosa che i clienti vedono nel tuo negozio. Personalizzala per assicurarti che faccia un'ottima impressione.
Per personalizzare una galleria a griglia:
- Vai alla pagina dell'Editor che contiene la galleria che vuoi personalizzare
- Clicca sulla Galleria prodotti
- Clicca sull'icona Impostazioni
- Scegli cosa vuoi fare:
Clicca sulla scheda Layout e personalizza la galleria utilizzando le seguenti opzioni:
- Allunga a larghezza max.: clicca sull'interruttore per estendere la galleria a tutto il browser. Se attivato, devi impostare la dimensione dei margini della galleria. Se hai abilitato Allunga a larghezza max., ti consigliamo di selezionare Responsivo in Comportamento griglia nella sezione Layout della galleria
- Layout della galleria: seleziona uno stile di visualizzazione e scegli l'allineamento del testo, il numero di colonne, righe e la loro spaziatura
- Layout dell'immagine: seleziona come vengono mostrate le immagini caricate. Scopri di più
- Layout nastro: seleziona dove mostrare il nastro (etichetta)
- Paginazione: seleziona uno stile di paginazione e personalizza le frecce e l'allineamento
Nota: disponibile solo se selezioni Paginazione nella scheda Impostazioni
Personalizza le impostazioni
Clicca sulla scheda Impostazioni e personalizza le seguenti opzioni:
- Passaggio mouse: imposta cosa succede quando un cliente sposta il mouse su un prodotto
- Che cosa vuoi mostrare?: mostra o nascondi gli elementi della galleria
- Mostra altri prodotti: seleziona cosa succede quando i clienti scorrono verso il basso fino alla fine della pagina. Scopri di più
Nota: su dispositivi mobile, il tasto "Carica altro" viene sempre mostrato dopo 10 prodotti - Tasto Aggiungi al Carrello: mostra il tasto in modo che i clienti possano aggiungere prodotti al carrello senza andare alla pagina prodotto. Se selezionato, personalizza il tasto:
- Al passaggio del mouse: seleziona questa opzione per mostrare il tasto solo quando il cliente ci passa sopra il mouse
- Quando si clicca sul tasto: seleziona dove viene indirizzato il cliente dopo aver cliccato sul tasto Aggiungi al Carrello
- Mostra quantità: seleziona questa opzione per consentire ai clienti di aggiungere 2 o più prodotti al carrello
- Mostra opzioni: attiva l'interruttore per mostrare le opzioni del prodotto come il colore o la dimensione
Clicca sulla scheda Testo e personalizza una delle seguenti opzioni:
- Testo del tasto Aggiungi al carrello: disponibile se il tasto Aggiungi al carrello è abilitato
- Testo esaurito: il messaggio viene visualizzato quando l'inventario del prodotto è pari a zero
- Testo Mostra altri prodotti: disponibile se hai scelto di visualizzare un tasto Carica altro quando i clienti scorrono verso il basso fino alla fine della pagina
Clicca sulla scheda Design e personalizza la galleria utilizzando le seguenti opzioni:
Suggerimento: le opzioni variano in base alle funzionalità abilitate nelle schede Impostazioni e Anteprima.
- Generale: seleziona un colore di sfondo per la galleria e personalizza il filtro e l'ordinamento
- Tasto Carica altro o Paginazione: personalizza l'opzione selezionata nella scheda Impostazioni, "Tasto Carica altro" o "Paginazione"
- Prodotti: seleziona un colore di sfondo per i prodotti, aggiungi un bordo e personalizza il testo della galleria
- Tasto Aggiungi al Carrello: seleziona un design per ogni visualizzazione (Predefinito e Passaggio mouse)
- Nastri: seleziona la forma, il colore e il carattere del nastro (etichetta). Scopri di più
- Opzioni e quantità prodotti: personalizza entrambi i tipi di opzioni dei prodotti: colore e menu a tendina
- Divisore nome e prezzo: personalizza il divisore tra il nome e il prezzo del prodotto
- Tasto vista rapida: il tasto vista rapida viene mostrato sull'immagine quando si passa il mouse sopra di essa. Per vederlo, visualizza l'anteprima del tuo sito
Abilita i filtri per aiutare i clienti a trovare i prodotti che stanno cercando.
Scopri come fare.
Aggiungi opzioni di ordinamento
Consenti ai clienti di ordinare i tuoi prodotti in base al prezzo, al nome o a quanto sono nuovi.
Scopri come fare.
Personalizza la Vista rapida
La Vista rapida di un prodotto permette ai clienti di visualizzare i dettagli del prodotto in un pop-up senza lasciare la pagina del negozio.
Per disattivare la Vista rapida:
- Clicca sulla scheda Anteprima
- Clicca sull'interruttore Mostra vista rapida per disabilitarlo
Per scoprire come personalizzare la vista rapida, clicca
qui.
Personalizzare la galleria a griglia per dispositivi mobile
Assicurati che la galleria sia perfetta quando i clienti la visualizzano su un dispositivo mobile. Puoi regolare il design per adattarlo a schermi più piccoli e consentire ai clienti di aggiungere rapidamente prodotti al carrello senza uscire dalla galleria.
Per personalizzare la galleria a griglia per dispositivi mobile:
- Vai alla pagina con la galleria a griglia che vuoi personalizzare
- Clicca sull'icona Passa a mobile nella parte superiore dell'Editor
- Clicca su Galleria a griglia
- Clicca su Impostazioni
- Effettua una delle seguenti operazioni per personalizzare la galleria per dispositivi mobile:
- Mostra tasto Aggiungi al carrello: abilita questa opzione per consentire ai clienti di aggiungere prodotti al carrello senza passare alla pagina prodotto. Se abilitato, clicca sull'interruttore Mostra quantità per consentire ai clienti di aggiungere più di un prodotto al carrello
- Mostra opzioni prodotto: consente di mostrare le opzioni prodotto come taglie o colori
- Personalizza il layout: mostra i prodotti in 1 o 2 colonne
- Personalizza il design: trascina gli interruttori per regolare la dimensione del testo per dispositivi mobile
Mostrare una categoria in una Galleria a scorrimento
Una galleria a scorrimento è il modo perfetto per mostrare i tuoi prodotti. I clienti possono cliccare sulle frecce di navigazione per visualizzarne altri.
Per aggiungere una Galleria a scorrimento e selezionare una categoria da mostrare:
- Vai alla pagina su cui vuoi aggiungere una galleria
- Apri il pannello Aggiungi nell'Editor:
- Editor Wix: clicca su Aggiungi elementi sul lato sinistro dell'Editor
- Editor X: clicca su Aggiungi elementi nella parte superiore dell'Editor X
- Clicca su Negozio
- Clicca su Galleria a scorrimento
- Trascina la Galleria prodotti a scorrimento nel punto in cui vuoi posizionarla
- Clicca sulla galleria nell'Editor
- Clicca su Impostazioni
- Seleziona un'opzione:
- Per mostrare tutti i prodotti: assicurati che la categoria Tutti i prodotti sia selezionata
- Per visualizzare una categoria: seleziona una categoria dal menu a tendina Quale categoria vuoi mostrare?
Personalizzare una galleria a scorrimento
Personalizza una galleria a scorrimento di prodotti per creare un aspetto perfetto. Puoi personalizzare il testo e il design della galleria, scegliere quali elementi mostrare (ad esempio un tasto Aggiungi al Carrello) e molto altro ancora.
Per personalizzare una galleria a scorrimento:
- Clicca su Galleria prodotti a scorrimento
- Clicca su Impostazioni
- Scegli cosa vuoi fare:
Clicca sulla scheda Layout e personalizza la galleria utilizzando le seguenti opzioni:
- Allunga a larghezza max.: clicca sull'interruttore per scegliere come visualizzare la Galleria a scorrimento
- Abilitato: l'elemento viene esteso per l'intera larghezza del browser dei visitatori
- Margini: imposta la dimensione dei margini ai bordi della galleria
- Disabilitato: l'elemento non viene esteso nel browser
- Come appaiono i prodotti: seleziona come vengono visualizzate le informazioni sui prodotti
- Allineamento info prodotto: seleziona l'allineamento del testo: a sinistra, a destra o al centro
- Allineamento titolo della galleria: il titolo può essere disabilitato nella scheda Impostazioni
- Numero di prodotti: seleziona come viene determinato il numero di prodotti visualizzati:
- Fisso: il numero di prodotti selezionati viene mostrato a tutti i visitatori del sito
- Seleziona il numero di prodotti da mostrare
- Responsivo: il numero di prodotti visualizzati si regola in base alle dimensioni dello schermo del visitatore. Questa impostazione è disponibile solo se hai selezionato Allunga a larghezza max. sopra
- Spaziatura tra i prodotti: regola le dimensioni dello spazio vuoto tra i prodotti
- Riempimento info prodotto: regola la spaziatura interna a sinistra e a destra delle informazioni sul prodotto
- Layout dell'immagine: seleziona come vengono mostrate le immagini caricate. Scopri di più
- Layout nastro: seleziona dove mostrare il nastro (etichetta). Scopri di più
Personalizza le impostazioni
Clicca sulla scheda Impostazioni e personalizza le seguenti opzioni:
- Passaggio mouse: imposta cosa succede quando un cliente sposta il mouse su un prodotto
- Che cosa vuoi mostrare?: mostra o nascondi gli elementi della galleria
- Tasto Aggiungi al Carrello: mostra il tasto in modo che i clienti possano aggiungere prodotti al carrello senza andare alla pagina prodotto. Se selezionato, personalizza il tasto:
- Passaggio mouse: seleziona la casella di spunta per mostrare il tasto solo quando il cliente ci passa sopra il mouse
- Quando si clicca sul tasto: seleziona dove viene indirizzato il cliente dopo aver cliccato sul tasto Aggiungi al Carrello
- Mostra quantità: seleziona questa opzione per consentire ai clienti di aggiungere 2 o più prodotti al carrello
Clicca sulla scheda Testo e personalizza una delle seguenti opzioni:
- Testo del titolo della galleria: disponibile se il titolo è abilitato
- Testo del tasto Aggiungi al carrello: disponibile se il tasto Aggiungi al carrello è abilitato
- Testo esaurito: il messaggio viene visualizzato quando l'inventario del prodotto è pari a zero
Clicca sulla scheda Design e personalizza la galleria utilizzando le seguenti opzioni:
Suggerimento: le opzioni variano in base alle funzionalità abilitate nelle schede Impostazioni e Anteprima.
- Generale: seleziona un colore di sfondo per la galleria, scegli un carattere e un colore per il titolo e personalizza le frecce della galleria a scorrimento
- Prodotti: seleziona un colore di sfondo per i prodotti, aggiungi un bordo e personalizza il testo della galleria
- Tasto Aggiungi al Carrello: seleziona un design per ogni visualizzazione (Predefinito e Passaggio mouse)
- Nastri: seleziona la forma, il colore e il carattere del nastro (etichetta). Scopri di più
- Divisore nome e prezzo: personalizza il divisore tra il nome e il prezzo del prodotto
- Tasto vista rapida: il tasto vista rapida viene mostrato sull'immagine quando si passa il mouse sopra di essa. Per vederlo, visualizza l'anteprima del tuo sito
Personalizza la Vista rapida
La Vista rapida permette ai clienti di visualizzare i dettagli del prodotto in un pop-up senza lasciare la pagina del negozio.
Per disattivare la Vista rapida:
- Clicca sulla scheda Anteprima
- Clicca sull'interruttore Mostra vista rapida per disabilitarlo
Per scoprire come personalizzare la Vista rapida, clicca
qui.