Brands Showcase - Directory marche A-Z con ricerca e griglia loghi responsive

Nessuno scorre un elenco di novanta nomi di marche

Se tratti più di una manciata di marche, la pagina All brands standard smette di essere utile intorno alla quindicesima. Chi cerca un produttore preciso si arrende e usa il campo di ricerca del sito — oppure se ne va. Questo modulo ricostruisce quella pagina attorno alle due cose che le persone fanno davvero: cercare una marca per nome o saltare alla sua lettera.

Ricerca istantanea e indice A-Z

Il campo di ricerca filtra la griglia mentre il cliente digita: nessun ricaricamento della pagina, nessuna attesa. Sopra di esso trova posto la barra A-Z, in cui le lettere senza marche corrispondenti vengono attenuate automaticamente, così nessuno clicca su una lettera vuota. Entrambi gli elementi si attivano e disattivano a piacere, se preferisci tenerne solo uno.

Una griglia di loghi come dovrebbe essere una pagina marche

Da due a sei colonne sugli schermi ampi, che si riducono da sole fino alla colonna singola su smartphone. Le marche senza logo caricato mostrano un badge colorato con la lettera iniziale al posto dell'immagine rotta — oppure il segnaposto predefinito di PrestaShop, se lo preferisci. C'è anche il layout directory testuale: niente loghi, solo un elenco compatto, pensato per i cataloghi in cui contano più i nomi dei marchi.

I dettagli che la rendono tua

Attiva il badge con il conteggio prodotti per singola marca — «12 prodotti» — così i clienti capiscono subito su quali marchi punti davvero. Nascondi le marche che al momento non hanno prodotti, perché la pagina non pubblicizzi mai uno scaffale vuoto. E imposta un solo colore d'accento che ricolora insieme la lettera attiva, i link e gli effetti hover, invece di andare a caccia nel CSS.

Controlla da sola la propria configurazione

La pagina di configurazione si apre con un pannello «Status check». Se PrestaShop sta nascondendo la pagina Marche — di gran lunga il motivo più frequente dell'errore 404 — te lo segnala e ti propone il pulsante «Enable the Brands page» per risolvere con un clic. Se non hai ancora inserito nessuna marca, avvisa anche di questo; e il link «Open the live Brands page» ti permette di vedere subito il risultato in vetrina.

Nessun file del tema viene mai toccato

La versione 1 sostituiva fisicamente il file brands.tpl dentro il tema durante l'installazione e lo ripristinava alla disinstallazione. Un metodo che si rompeva agli aggiornamenti del tema, funzionava solo con il tema classic e lasciava in giro file brands_old.tpl orfani. La versione 2 usa invece l'hook displayOverrideTemplate di PrestaShop: quando il controller dei produttori richiede il proprio template, il modulo si limita a restituire il percorso del suo. Nel tuo tema non cambia nulla, con qualsiasi tema e su qualsiasi versione dalla 1.7 alla 9. L'aggiornamento dalla v1 ripristina automaticamente il template originale.

Leggero, e attivo solo dove serve

I dati delle marche vengono interrogati e normalizzati dal modulo, così il template riceve sempre la stessa struttura prevedibile a prescindere dalla versione di PrestaShop — la forma dei dati del controller di base è cambiata tra 1.7/8 e 9. Gli asset vengono caricati solo sulla pagina elenco marche tramite actionFrontControllerSetMedia, e lo script front-end è scritto in vanilla JavaScript senza dipendenze: niente jQuery, niente Bootstrap.

Compatibilità

PrestaShop 1.7, 8 e 9, in otto lingue: francese, inglese, italiano, olandese, polacco, spagnolo, tedesco e turco. Il modulo interviene solo sull'elenco All brands: le pagine delle singole marche, cioè l'elenco prodotti di un produttore, restano assolutamente intatte. La disinstallazione rimuove le impostazioni del modulo e ripristina la pagina Marche standard, senza lasciare tracce.

Domande frequenti

Modifica i file del mio tema?

No. Usa l'hook displayOverrideTemplate, quindi il tema non viene mai toccato — che è esattamente l'errore della versione 1.

Funziona con il mio tema?

Sì. Dato che il template viene sovrascritto tramite un hook e non sostituendo un file, funziona con tutti i temi, non solo con il classic.

La mia pagina Marche restituisce un 404: è colpa di questo modulo?

Quasi certamente no: PrestaShop è configurato per nascondere la pagina Marche. Il pannello «Status check» rileva la situazione e ti offre un pulsante per riattivarla con un clic.

Cosa succede alle marche senza logo?

Per impostazione predefinita mostrano un badge colorato con la lettera iniziale, così la griglia resta ordinata. In alternativa puoi usare l'immagine segnaposto predefinita di PrestaShop.

Posso nascondere le marche senza prodotti?

Sì, basta un interruttore. Da quel momento la pagina non mostra più marche che non puoi realmente vendere.

Posso avere la directory senza loghi?

Sì: il layout directory testuale è un elenco compatto e privo di loghi.

Rallenta il caricamento della pagina?

Il suo CSS e il suo codice JavaScript vengono caricati solo sulla pagina elenco marche, e lo script è vanilla JavaScript, senza jQuery e senza Bootstrap.