PrestaShop Design e Navigazione

Modulo Campioni Varianti Foto & Stock PrestaShop 8/9

Le vostre combinazioni meritano di meglio di un menu a tendina.

Campioni fotografici cliccabili per colori, taglie e materiali, anteprima della galleria al passaggio del cursore e indicatore di stock per variante — direttamente sulla scheda prodotto. I campioni sono derivati automaticamente dalle foto delle vostre combinazioni: installate, funziona già.

A colpo d'occhio
  • Campioni fotografici al posto dei menu a tendina delle combinazioni
  • Anteprima istantanea della galleria al passaggio su una variante
  • Stock visibile per variante: disponibile, scorte basse, esaurito
  • Derivazione automatica dalle foto delle combinazioni
  • Navigazione completa da tastiera (pattern ARIA radiogroup)
PrestaShop 8 e 9 Zero configurazione Accessibile da tastiera 5 lingue Nessuna dipendenza
  • Rimborso 30 giorni
  • 12 mesi di aggiornamenti
  • Supporto 24h
www.datafirefly.com/it/
Module Swatches Variantes Photo & Stock PrestaShop 8/9
v1.1.0 · aggiornato 2026-07-02
Cosa fa

L' versione breve.

01

Campioni fotografici automatici

I campioni sono derivati dalle foto delle vostre combinazioni esistenti — nessun caricamento necessario per iniziare. Perfezionate poi con immagini dedicate o codici esadecimali per attributo.

02

Anteprima galleria al passaggio

Passate il cursore su un campione colore: l'immagine principale mostra istantaneamente la foto di quella variante, precaricata per una resa immediata. L'immagine originale torna appena il cursore si allontana.

03

Stock per variante

Ogni campione mostra il suo stato: disponibile, scorte basse (soglia configurabile) o esaurito. Le varianti esaurite possono essere barrate o nascoste del tutto.

04

Accessibilità nativa

Pattern WAI-ARIA radiogroup completo: navigazione con le frecce, un solo punto di tabulazione per gruppo, stati annunciati agli screen reader. Un argomento concreto per la conformità all'accessibilità.

La versione lunga

Tutto quello che vorresti sapere prima di installare.

Uno sguardo dettagliato su come funziona Modulo Campioni Varianti Foto & Stock PrestaShop 8/9, perché l'abbiamo progettato così, e il ragionamento dietro le funzionalità qui sopra.

§ 01

La scelta visiva che vende

Nella moda, nell'arredamento o nella cosmetica, il cliente compra con gli occhi. Un menu a tendina con Bianco / Nero / Rosso non mostra nulla; una fila di campioni fotografici mostra tutto. Il modulo sostituisce i widget nativi delle combinazioni con chip visivi cliccabili, e ogni passaggio del cursore mostra l'anteprima della variante nella galleria principale — il cliente esplora la gamma senza un solo ricaricamento di pagina.

§ 02

Funzionante dall'installazione

La maggior parte dei moduli di campioni richiede il caricamento di un'immagine per attributo prima di mostrare qualsiasi cosa. Qui, i campioni sono derivati automaticamente dalle foto già associate alle vostre combinazioni: installate il modulo, aprite una scheda prodotto, è già attivo. Una salvaguardia intelligente evita i falsi positivi — un gruppo Taglia i cui valori condividono la stessa foto resta in chip di testo; solo i gruppi realmente differenziati dall'immagine passano alle foto.

§ 03

Lo stock visibile prima del clic

Ogni campione annuncia la propria disponibilità: disponibile, scorte basse sotto una soglia che definite voi, o esaurito. Le varianti esaurite possono restare visibili ma barrate — utile per mostrare l'ampiezza della gamma — o scomparire del tutto. Il calcolo rispetta sia il comportamento globale di ordine senza stock sia quello definito per combinazione.

§ 04

Accessibile e conforme

Il selettore implementa il pattern WAI-ARIA radiogroup a regola d'arte: un solo punto di tabulazione per gruppo di attributi, navigazione con le frecce con ciclo continuo, selezione con spazio o invio, stati annunciati alle tecnologie assistive e anello di focus visibile. Con i requisiti europei di accessibilità, è un differenziatore concreto rispetto ai selettori di varianti puramente visivi.

§ 05

Leggero e robusto per architettura

I dati delle varianti sono incorporati direttamente nella pagina al momento del rendering: nessuna chiamata AJAX al caricamento, nessuna dipendenza dalla disponibilità di un endpoint, visualizzazione immediata. Il modulo migliora i widget nativi di PrestaShop invece di sostituire i template del tema — è questo che lo rende compatibile con Classic, Hummingbird e la maggior parte dei temi premium senza sovraccarico.