Con l'elenco delle categorie di prodotti, puoi visualizzare le tue categorie in un modo più attraente per far conoscere ai tuoi clienti i tipi di prodotti che offri e anche aiutarli a navigare facilmente tra le diverse categorie.
L'elenco delle categorie di prodotti è un widget generale di ShopEngine, quindi puoi utilizzarlo in qualsiasi modello ShopEngine.
Impariamo come utilizzare i widget dell'elenco delle categorie di prodotti sul tuo sito wooCommerce
Passaggio 1: abilita il widget elenco delle categorie di prodotti #
Per abilitare il widget,
- Vai a ShopEngine > Widget > Elenco categorie di prodotti
- Accendere Elenco delle categorie di prodotti nella sezione generale
- Salvare le modifiche

Nota: Puoi anche attivare l'Elenco categorie prodotti con un'impostazione globale che attiva tutti i widget di ShopEngine. Per attivare tutti i widget
- Vai su ShopEngine > Widget
- Clicca su Abilita tutti i widget
- Salvare le modifiche

Passaggio 2: aggiungi l'elenco delle categorie di prodotti #
Aggiungere Elenco delle categorie di prodotti:
- Vai a ShopEngine > Modelli > Qualsiasi modello ShopEngine
- Fare clic su Modifica con Elementor

- Ricerca per l'elenco delle categorie di prodotti nell'opzione Ricerca elementi
- Trascinare e rilasciare il widget in cui desideri che appaia
- Clicca su Aggiornamento per salvare le modifiche.

Passaggio 3: configura le impostazioni del widget #
È possibile personalizzare le seguenti impostazioni per l'elenco delle categorie di prodotti:

Passaggio 4: impostazioni di stile #
Puoi modificare le seguenti impostazioni di stile:

Elenco: #
Qui puoi modificare tutte le impostazioni relative all'elenco delle categorie:
- Spazio tra le colonne: Imposta lo spazio tra due colonne in pixel.
- Spazio tra righe: Imposta lo spazio tra due righe in pixel.
- Normale: Imposta il colore di sfondo, il colore di sovrapposizione e l'ombra del riquadro per la visualizzazione normale.
- Passa il mouse: Imposta il colore di sfondo, il colore di sovrapposizione e l'ombra del riquadro che desideri mostrare quando qualcuno si ferma.
- Imbottitura: Imposta il riempimento sinistro, destro, superiore e inferiore per ciascuna categoria in pixel.
Titolo: #
Qui puoi impostare lo stile per il titolo:

- Colore del titolo: Imposta il colore del titolo della categoria.
- Colore al passaggio del mouse sul titolo: Imposta il colore del titolo che verrà visualizzato quando qualcuno passa il mouse.
- Tipografia: Imposta la famiglia di caratteri, la dimensione del carattere, lo spessore, l'altezza della linea e scegli come trasformare il testo.
- Margine: Imposta il margine superiore, inferiore, sinistro e destro.
Conteggio categorie: #
Qui puoi impostare lo stile per il conteggio delle categorie:

:
- Colore: Cambia colore per il numero di categoria.
- Colore al passaggio del mouse sul titolo: Imposta il colore del titolo che verrà visualizzato quando qualcuno passa il mouse.
- Tipografia: Imposta la famiglia di caratteri, la dimensione del carattere, lo spessore, l'altezza della linea e scegli come trasformare il testo.
- Margine: Imposta il margine superiore, inferiore, sinistro e destro.
Pulsante: #
Qui puoi impostare lo stile del pulsante:

- Dimensione del pulsante: Imposta la dimensione della sezione del pulsante.
- Dimensione carattere pulsante: Imposta la dimensione del carattere per l'icona del pulsante.
- Colore: Imposta il colore del pulsante.
- Colore di sfondo: Imposta il colore di sfondo della sezione del pulsante.
- Raggio del bordo: Imposta il raggio del bordo della sezione di sfondo dell'icona.
- Imbottitura: Imposta i valori di riempimento superiore, destro, sinistro e inferiore per la sezione delle icone.
Dopo aver apportato tutte le modifiche, fare clic su aggiornamento salvare.