Prodotto in evidenza per categoria — Guida all’installazione e alla configurazione

Panoramica

Il modulo Prodotto in evidenza per categoria ti permette di designare un prodotto in evidenza in ciascuna delle tue categorie PrestaShop. Quel prodotto si distingue attraverso tre leve visive: un bordo colorato, un flag promozionale in stile «Buon affare!» e una posizione in cima all’elenco della categoria.

Il modulo è compatibile con PrestaShop 8.0 fino a 9.x e non richiede alcuna sovrascrittura del template: la visualizzazione si basa interamente su CSS iniettato nell’intestazione e sull’hook nativo dell’elenco prodotti.

Installazione

Dal tuo back office, vai in Moduli > Gestore moduli, clicca su Carica un modulo e seleziona l’archivio ZIP del modulo. L’installazione è automatica.

All’installazione, il modulo crea la sua tabella di corrispondenza categoria/prodotto, salva le impostazioni predefinite (bordo arancione di 3 px, flag «Buon affare!» attivo) e si iscrive agli hook displayHeader e filterProductSearch.

Impostazioni di aspetto

Apri la configurazione del modulo. Il primo blocco raccoglie le impostazioni visive condivise da tutte le messe in evidenza:

• Spessore del bordo: da 1 a 50 pixel.
• Colore del bordo: in formato esadecimale (ad esempio #FFA500) o tramite un nome di colore CSS (ad esempio orange).
• Selettore CSS: l’elemento che riceve il bordo. Per impostazione predefinita, la miniatura completa del prodotto.

Scegliere il selettore CSS

A seconda del tuo tema, puoi puntare a elementi diversi. La regola generata è sempre limitata automaticamente al solo prodotto in evidenza.

• .product-miniature: borda la miniatura completa (valore predefinito).
• .thumbnail-container: borda solo il contenitore dell’immagine.
• Selettore personalizzato: modalità avanzata. Utilizza il segnaposto {id} per scrivere tu stesso il selettore completo, ad esempio il contenitore della vignetta all’interno della miniatura del prodotto puntato dal suo attributo data-id-product.

Configurazione del flag «Buon affare!»

Il secondo gruppo di impostazioni controlla il badge mostrato sul prodotto in evidenza:

• Mostra un flag: attiva o disattiva il badge.
• Testo del flag: inserito lingua per lingua. Il testo viene mostrato automaticamente nella lingua del visitatore.
• Colore di sfondo e colore del testo del flag.
• Posizione: alto-sinistra, alto-destra, basso-sinistra o basso-destra.

Mettere in evidenza un prodotto

Nel secondo modulo, seleziona la categoria interessata, poi cerca il prodotto da mettere in evidenza. Il campo di ricerca accetta il nome o il riferimento del prodotto e offre il completamento automatico: clicca su un risultato per selezionarlo, senza bisogno di conoscerne l’ID.

Conferma con Aggiungi / Aggiorna. La tabella riepilogativa elenca tutte le messe in evidenza attive, ciascuna con un pulsante di eliminazione.

Comportamento sul negozio

Sulla pagina di una categoria con una messa in evidenza, il prodotto selezionato riceve il bordo e il flag configurati e sale alla prima posizione dell’elenco. Se non appare nella pagina corrente a causa dell’ordinamento o della paginazione, viene aggiunto in cima alla prima pagina, presentato esattamente come gli altri prodotti.

Domande frequenti

Il prodotto in evidenza deve appartenere alla categoria?

Non è obbligatorio per la visualizzazione in prima posizione, ma è consigliato per la coerenza della navigazione. Al salvataggio viene mostrato un avviso se il prodotto non è associato alla categoria.

L’impostazione è specifica per ogni negozio in multistore?

La configurazione dell’aspetto e le corrispondenze sono globali in questa versione. Una gestione per negozio può essere aggiunta su richiesta.