Image for Modificare il numero di colonne dei prodotti di default in WooCommerce

Modificare il numero di colonne dei prodotti di default in WooCommerce

Di default, WooCommerce, mostra un numero di 4 prodotti per ogni riga nella versione Desktop, mentre dopo i 768px, ovvero Tablet verticale, si riduce a 2 per poi passare  a 1 singolo prodotto sui dispositivi mobili.

Oggi vedremo sia la semplice regola PHP per andare a modificare il numero di colonne per riga, sia tutta la regola CSS adattativa.

Schema a 3 colonne

Inserite nel vostro file functions.php la seguente funzione che andrà a modificare il numero di colonne di default.

Ora dobbiamo sistemare il CSS nel seguente modo:

Schema a 2 colonne

Inserite nel vostro file functions.php la seguente funzione che andrà a modificare il numero di colonne di default.

Ora dobbiamo sistemare il CSS nel seguente modo:

Tutto qua. Come vedete è stato molto semplice andare a modificare il template di default di WooCommerce e renderlo più adatto ai nostri scopi. Nulla vi vieta comunque di modificare il CSS a seconda del vostro caso specifico.

2 Commenti

    1. Ciao Giuseppe! No non credo funzioni. Ora poi WooCommerce ha adottato (finalmente!!), tramite il theme customizer la possibilità di stabilire tramite select quante colonne avere!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.

Usando questo sito, accetti l’uso dei cookies.

Accetto