Cartella colori per PrestaShop – campionario di colori e texture nella scheda prodotto

Che cosa fa il modulo

Cartella colori mostra nella scheda prodotto tutti i valori dei gruppi di attributi di tipo «Colore o texture» selezionati, come campioni grandi con il loro nome. Il cliente fa clic su un campione e lo vede ingrandito, senza lasciare la scheda prodotto. Il modulo è stato scritto per i negozi di mobili, tessuti da rivestimento, pavimenti in legno, vernici e carte da parati, cioè dove l'aspetto del materiale decide l'acquisto.

Dove compare il campionario

Per impostazione predefinita, sotto il pulsante «Aggiungi al carrello». Nella pagina del prodotto nel back office, scheda Moduli, spunti i gruppi di attributi da inserire nel campionario, separatamente per ogni prodotto.

Il campionario si può inserire anche in qualsiasi punto della descrizione o della descrizione breve, con due shortcode:

• [pdswatchchart] – i gruppi spuntati nella pagina del prodotto,
• [pdswatchchart ids="5,7"] – i gruppi con gli ID indicati, a prescindere dalla selezione.

Il modulo rimuove il paragrafo che racchiude lo shortcode, così l'HTML della descrizione resta valido e il campionario viene reso come elemento di blocco. Se lo shortcode è nella descrizione, il campionario non compare una seconda volta sotto il pulsante.

Campioni e ingrandimento

• Se il valore dell'attributo ha un'immagine di texture, il campione mostra l'immagine. Il colore HEX viene usato solo quando l'immagine manca.
• L'ingrandimento si apre in una finestra lightbox. Si chiude con la crocetta, con un clic sullo sfondo o con il tasto Esc.
• La finestra ha attributi ARIA ed etichette aria-label e, alla chiusura, il focus torna sul campione cliccato.
• I campioni sono responsive e il campionario funziona anche dopo il cambio di combinazione, quando PrestaShop aggiorna la scheda via AJAX.

A che cosa serve al negozio

Il cliente vede tutte le finiture disponibili in un unico punto e può guardarle da vicino prima di aggiungere il prodotto al carrello. Lo scopo è che tornino indietro meno ordini perché la tonalità o la trama del materiale erano diverse da come il cliente le immaginava. Tutta la configurazione si fa nella pagina del prodotto, senza modificare i template del tema.

Nel back office

Quando si duplica un prodotto, il modulo copia la selezione dei gruppi; quando lo si elimina, cancella le sue voci. L'interfaccia è in polacco e in inglese.

Requisiti

• PrestaShop 8 o 9,
• PHP dalla versione 7.2 alla 8.4,
• attributi di tipo «Colore o texture» creati in Catalogo → Attributi e Funzionalità,
• qualsiasi tema: il campionario funziona senza modificare il file product.tpl.

Installazione

Carica il pacchetto nel Gestore moduli, oppure copia la cartella in modules/ e installa il modulo con il comando da console. Dopo l'installazione, la pagina di ogni prodotto ha una scheda in cui spunti i gruppi di attributi da mostrare. Il pacchetto contiene un file readme. Spiega, tra l'altro, come cambiare l'aspetto dei campioni con le variabili CSS e come sovrascrivere il template del campionario nel tema.