9 layout per shop
Layout del catalogo WooCommerce: numero di colonne e posizione della barra laterale, pagine delle categorie, pagine dei filtri, poi il carrello e il checkout.
Aggiornato il
- 4 colonne (si apre in una nuova scheda)
- 3 colonne (si apre in una nuova scheda)
- 2 colonne (si apre in una nuova scheda)
- 1 colonna (si apre in una nuova scheda)
- Layout dei prodotti (si apre in una nuova scheda)
- Categorie - Parallax (si apre in una nuova scheda)
- Filtro combinato (si apre in una nuova scheda)
- Carrello (si apre in una nuova scheda)
- Checkout (si apre in una nuova scheda)
Ogni link apre una pagina reale della vetrina online, realizzata con lo stesso tema e gli stessi blocchi che installi.
Pagine del negozio create con blocchi e template
WooCommerce gestisce il negozio: prodotti, scorte, carrello e pagamenti. Canvas progetta le pagine che attraversa il cliente, e ogni layout deriva da elementi inclusi nel tema e nel suo plugin.
Colonne del catalogo
La pagina a quattro colonne è la pagina shop di WooCommerce stessa, disegnata dal template di archivio prodotti del tema. Le pagine a tre, due e una colonna contengono il blocco Canvas Products, il cui parametro Colonne determina la riga, all'interno di una pagina che usa uno dei quattro template per lo shop: a larghezza piena, oppure con una barra laterale a sinistra, a destra o su entrambi i lati.
Pagina prodotto
Un prodotto prende il layout da un template che scegli mentre lo modifichi. Oltre alla pagina standard ci sono versioni con una barra laterale su un lato o su entrambi, un riepilogo fisso, selettori di colore e un elenco delle specifiche, più un template Galleria collegata che esiste anche come carosello.
Banner delle categorie
Una sequenza di blocchi Parallax Image a tutta altezza, una immagine per categoria, ognuna che si muove mentre la pagina scorre. Il blocco ha un overlay e un contenuto propri, quindi un titolo e un pulsante possono portare i clienti in quella parte del negozio.
Filtro combinazioni
Il blocco Canvas Products con due barre Grid Filter sopra, una con l'etichetta Seleziona categoria e una con l'etichetta Ordina per, così l'acquirente restringe il catalogo a un tipo e lo ordina per nome o prezzo al volo, senza ricaricare la pagina.
Carrello
Il carrello della vetrina usa il blocco Carrello che WooCommerce include di serie. Canvas aggiunge i propri blocchi Canvas Cart Table e Canvas Cart Totals per un negozio che vuole impaginare la pagina del carrello blocco per blocco.
Checkout
Un carrello vuoto non ha un checkout da mostrare, quindi questo link apre il checkout della demo Christmas Store, creato con i blocchi Canvas Checkout Billing e Canvas Checkout Order Review. Quella demo si importa con i suoi prodotti e questo checkout già al suo posto.
Quale layout di shop si adatta al tuo catalogo
Lascia che sia la dimensione del catalogo a guidare la scelta. Un numero ridotto di prodotti con foto di qualità si valorizza meglio in card larghe, due o tre per riga, oppure in una sola colonna se ogni prodotto richiede un paragrafo tutto suo. Un catalogo ampio ha bisogno di mostrare più elementi contemporaneamente, ed è a questo che serve la pagina dello shop a quattro colonne.
Usa il filtro combinato quando i clienti ragionano in due modi insieme, per tipo e poi per prezzo. Inserisci i banner delle categorie in una home page o in un lookbook, dove è l'immagine a vendere prima della griglia prodotti.
Nella pagina del prodotto, scegli il template in base a ciò che spinge all'acquisto. L'abbigliamento vende sul colore, quindi la versione con swatch dei colori merita il suo posto. I prodotti tecnici vendono sul dettaglio, ed è a questo che serve l'elenco delle specifiche, mentre un riepilogo fisso mantiene prezzo e pulsante visibili in una pagina lunga.
21 dei 88 siti demo si importano come negozi WooCommerce, con prodotti, categorie e le pagine di carrello e pagamento già configurate.
Le funzionalità del negozio
24 blocchi WooCommerce e 18 template per negozi, dalla galleria del prodotto alla revisione dell'ordine.
La guida passo passo
Prodotti, una pagina dello shop, una pagina prodotto, un carrello e un checkout, nell'ordine in cui li creeresti.
I Demo del negozio
Moda, ceramica, arredamento e molto altro, con l'anteprima di ogni pagina prima di importarlo.
Il resto della libreria
Parti da una pagina già pronta
Tutti i 141 layout sono inclusi in ogni piano, insieme a ogni blocco e a ogni sito demo.