PrestaShop Design e Navigazione

Pagina Categoria Visiva: Sottocategorie in Riquadri con Immagine (Category Wall)

Pagine categoria che fanno venire voglia di cliccare, non un semplice elenco puntato.

A colpo d'occhio
  • Sostituisce l'elenco delle sottocategorie nativo con un muro di riquadri con immagine
  • Tre layout: griglia, mosaico e carosello
  • Contatori prodotti in tempo reale, con conteggio ricorsivo opzionale
  • Compatibile con PrestaShop 8 e 9, multinegozio e cinque lingue
  • Zero dipendenze: CSS + JavaScript nativi, nessun jQuery
Griglia · Mosaico · Carosello Contatori prodotti in tempo reale Riquadri con immagine automatici PS 8 e 9 Multinegozio
  • Rimborso 30 giorni
  • 12 mesi di aggiornamenti
  • Supporto 24h
www.datafirefly.com/it/
Pagina categoria PrestaShop che mostra le sottocategorie come riquadri immagine
v1.0.0 · aggiornato 2026-07-16
Cosa fa

L' versione breve.

01

Tre layout con un clic

Griglia regolare, mosaico dinamico o carosello a scorrimento: scegli la presentazione che valorizza meglio i tuoi reparti, senza toccare il tema.

02

Riquadri con immagine automatici

Ogni sottocategoria mostra la sua immagine di copertina. Quando non ce n'è una, subentra un riquadro con gradiente e l'iniziale: mai un vuoto visivo nella griglia.

03

Contatori prodotti

Un badge indica il numero di prodotti per sottocategoria, con conteggio ricorsivo opzionale su tutto l'albero e occultamento delle categorie vuote.

04

Pensato per le prestazioni

Conteggio in un'unica query raggruppata in cache, immagini in lazy-loading, CSS e JavaScript nativi senza alcuna libreria esterna.

La versione lunga

Tutto quello che vorresti sapere prima di installare.

Uno sguardo dettagliato su come funziona Pagina Categoria Visiva: Sottocategorie in Riquadri con Immagine (Category Wall), perché l'abbiamo progettato così, e il ragionamento dietro le funzionalità qui sopra.

§ 01

L'elenco delle sottocategorie nativo è invecchiato

Nella maggior parte dei temi PrestaShop, la pagina categoria mostra ancora le sottocategorie come elenco puntato o piccole miniature ravvicinate: poco coinvolgente, senza gerarchia visiva e lontana dagli standard di merchandising attuali. Category Wall sostituisce quel blocco con un muro di riquadri con immagine, pulito e moderno, che invita davvero il visitatore a esplorare i tuoi reparti.

§ 02

Tre layout per tre usi

La griglia offre un risultato regolare e leggibile, ideale per un catalogo strutturato. Il mosaico mette in evidenza una sottocategoria con un riquadro ingrandito, perfetto per guidare lo sguardo verso un reparto di punta. Il carosello condensa molte sottocategorie in uno scorrimento orizzontale fluido, touch-friendly su mobile e dotato di frecce su desktop. Tutto si regola dalla configurazione, senza una sola riga di codice.

§ 03

Contatori che rassicurano l'acquirente

Ogni riquadro può mostrare il numero di prodotti della sottocategoria. Il conteggio ricorsivo somma i prodotti di tutto l'albero figlio, e puoi nascondere automaticamente le sottocategorie vuote per presentare solo reparti realmente forniti. Il calcolo avviene in un'unica query raggruppata in cache, senza impatto sul tempo di caricamento.

§ 04

Robusto, leggero e rispettoso del tema

Category Wall si aggancia in modo pulito alla pagina categoria e non impone alcun override. Le immagini sono caricate in lazy-loading, il rendering si basa su CSS e JavaScript nativi senza jQuery, e tutto rispetta prefers-reduced-motion. Il modulo è compatibile con PrestaShop 8 e 9, multinegozio, e fornito in cinque lingue.