Ordinamento personalizzato dei prodotti in WooCommerce

Come impostazione predefinita WooCommerce ordina i prodotti del catalogo (cioè la pagina Shop o le varie pagine di categoria in cui il catalogo è suddiviso) dal più recente, in base a data e ora di pubblicazione. Per disporre gli articoli in vetrina a proprio piacimento occorre impostare in WooCommerce l’ordinamento personalizzato dei prodotti. Ecco come fare.

Passo 1: Modificare l’ordinamento preimpostato di WooCommerce

Per visualizzare l’impostazione dell’ordinamento in WooCommerce (preimpostata di default in Dal più recente), dal menu del personalizzatore di WordPress (quello a cui si accede con il comando Personalizza della bacheca), scegliere la voce WooCommerce > poi Catalogo prodotti >

L'ordinamento preimpostato (crescente) dei prodotti in WooCommerce
Figura 1 – Voce della sezione “Catalogo Prodotti”, relativa al plugin WooCommerce , del personalizzatore di WordPress, con l’impostazione di default

Se si cambia l’impostazione scegliendo la voce Predefinito (ordinamento personalizzato + nome):

Ordinamento personalizzato dei prodotti in WooCommerce
Figura 2 – Voce della sezione “Catalogo Prodotti”, relativa al plugin WooCommerce , del personalizzatore di WordPress, con l’impostazione per l’ordinamento personalizzato

i prodotti verranno mostrati in base all’ordine definito (se impostato) e al nome dei singoli prodotti. 

Passo 2: Assegnare un ordine ai prodotti

METODO A: Utilizzando il “drag&drop” nella visualizzazione di tutti i prodotti del back-end di WordPress

Come prima cosa occorre visualizzare l’elenco di tutti i prodotti nel back-end di WordPress; in alto, sotto al titolo ci sono una serie di voci, occorre fare click su Ordina per attivare la possibilità di riordinare l’elenco dei prodotti tramite trascinamento (una volta attivo, il comando Ordina sarà mostrato in neretto).

I comandi di WooCommerce relativi alla scheda del back-end di WordPress che gestisce tutti i Prodotti
Figura 3 – I comandi di WooCommerce relativi ai prodotti, visualizzati nel back-end di WordPress nella scheda che gestisce tutti i prodotti

IMPORTANTE: Se il catalogo prodotti è suddiviso in categorie, occorrerà visualizzare solo i prodotti della categoria che si desidera riordinare (p.e. borse in pronta consegna) applicando un filtro all’elenco dei prodotti visualizzati; per farlo, nella casella Seleziona una categoria (visibile tra i comandi posti in alto sotto al titolo Prodotti) selezionare la categoria d’interesse e fare click sul pulsante Filtra (vedi figura seguente).

Nell’elenco che mostra tutti i prodotti (ciascuno in una riga), una volta attivato l’ordinamento, è possibile trascinare un prodotto sopra o sotto: è sufficiente fare click su di esso con il tasto sinistro del mouse e, tenendo premuto il pulsante, spostarlo dove si desidera (N.B. : ll “drag&drop” è attivo quando il cursore ha la forma di due frecce bianche incrociate ). Una volta spostato un prodotto, automaticamente WooCommerce ne registrerà il nuovo posizionamento e riordinerà di conseguenza la pagina di visualizzazione dei prodotti.

METODO B: Con assegnazione dell’ordine del men “drag&drop” u a ciascun prodotto

Nella scheda d’impostazione di ogni prodotto c’è la voce Avanzato che visualizza una sezione contenente il campo Ordine del menu, impostato di default su 0.

La scheda prodotto di WooCommerce dove assegnare l'ordine al prodotto
Figura 4 – La parte del back-end di WordPress per l’impostazione delle caratteristiche dei singoli prodotti, gestiti dal plugin WooCommerce

Possiamo quindi ordinare un prodotto cambiando il valore nel campo Ordine del menu.

Ad esempio, volendo mostrare alcuni prodotti in cima al catalogo occorrerà per ciascuno di questi mettere un valore negativo (Es: -1) del campo Ordine del menu lasciando a 0 il valore per i prodotti che non interessa spostare.

Più sarà basso il valore numerico del campo Ordine del menu, più il prodotto risulterà in cima al catalogo prodotti.

Altro esempio:

Supponiamo che di avere una categoria BORSE, in cui abbiamo borse portabottiglie, borse porta-vasetti, borse natalizie, borse in Juta, borse in cotone e altre borse vogliamo dare il seguente ordine alla pagina con il catalogo delle borse:

  1. Portabottiglie
  2. Porta-vasetti
  3. Borse in juta
  4. Borse in cotone
  5. Borse natalizie
  6. Altre borse

Dobbiamo assegnare 6 priorità, cioè:

  • per ogni borsa di tipo portabottiglie il valore numerico del campo Ordine del menu sarà -5
  • per ogni borsa porta-vasetti il valore numerico del campo Ordine del menu sarà -4
  • per ogni borsa in juta il valore numerico del campo Ordine del menu sarà -3
  • per ogni borsa in cotone il valore numerico del campo Ordine del menu sarà -2
  • per ogni borsa natalizia il valore numerico del campo Ordine del menu sarà -1
  • per tutte le altre borse diverse da quelle di cui sopra, il valore numerico del campo Ordine del menu resterà 0

Impostare in WooCommerce l’ordinamento personalizzato dei prodotti nel proprio Shop on-line, magari solo alcuni di essi, può essere un modo per mettere in evidenza alcuni articoli, anche differenti a seconda del periodo (p.e. a Natale).


Se l’articolo ti è stato utile puoi scaricarne la versione in PDF: Ordinamento personalizzato dei prodotti in WooCommerce