# 9 layout per shop

URL: https://canvaswp.com/it/templates/shop/
Updated: 2026-11-03

Template

Layout del catalogo WooCommerce: numero di colonne e posizione della barra laterale, pagine delle categorie, pagine dei filtri, poi il carrello e il checkout.

[Apri la vetrina live](https://demos.canvaswp.com/classic/) [Sfoglia le demo](https://canvaswp.com/it/demos/)

Aggiornato il 3 novembre 2026

- [4 colonne (si apre in una nuova scheda)](https://demos.canvaswp.com/classic/shop/)
- [3 colonne (si apre in una nuova scheda)](https://demos.canvaswp.com/classic/shop-3/)
- [2 colonne (si apre in una nuova scheda)](https://demos.canvaswp.com/classic/shop-2-right-sidebar/)
- [1 colonna (si apre in una nuova scheda)](https://demos.canvaswp.com/classic/shop-1/)
- [Layout dei prodotti (si apre in una nuova scheda)](https://demos.canvaswp.com/classic/product/pink-printed-dress/)
- [Categorie - Parallax (si apre in una nuova scheda)](https://demos.canvaswp.com/classic/shop-category-parallax/)
- [Filtro combinato (si apre in una nuova scheda)](https://demos.canvaswp.com/classic/shop-combination-filter/)
- [Carrello (si apre in una nuova scheda)](https://demos.canvaswp.com/classic/cart/)
- [Checkout (si apre in una nuova scheda)](https://demos.canvaswp.com/xmas/xmas-checkout/)

Ogni link apre una pagina reale della vetrina online, realizzata con lo stesso tema e gli stessi blocchi che installi.

Cosa contiene ogni pagina

## 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.

Come scegliere

## 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.

- [WooCommerce in Canvas](https://canvaswp.com/it/woocommerce/)

### La guida passo passo

Prodotti, una pagina dello shop, una pagina prodotto, un carrello e un checkout, nell'ordine in cui li creeresti.

- [Crea un negozio WooCommerce](https://canvaswp.com/it/guides/start-a-woocommerce-store-with-wordpress/)

### I Demo del negozio

Moda, ceramica, arredamento e molto altro, con l'anteprima di ogni pagina prima di importarlo.

- [Demo di e-commerce a confronto](https://canvaswp.com/it/wordpress-themes/ecommerce/)

Altri template

## Il resto della libreria

- [Template di pagina 13](https://canvaswp.com/it/templates/page-templates/)
- [Shortcode ed elementi 57](https://canvaswp.com/it/templates/shortcodes/)
- [Layout per portfolio 27](https://canvaswp.com/it/templates/portfolio/)
- [Layout del blog 35](https://canvaswp.com/it/templates/blog/)
