Elenco delle declinazioni

Presentazione

Interesse del modulo per i tuoi clienti

Se hai per un prodotto 2 attributi con 4 valori per il primo e 5 per il secondo, ciò crea 20 combinazioni per questo prodotto. Se un cliente vuole vedere i prezzi, la disponibilità, o se una combinazione è in saldo, normalmente deve guardare combinazione per variazione, è molto lungo, davvero noioso, e ai clienti non piace, finiscono per andarsene prima di aver guardato a tutte le combinazioni... Con il mio modulo il cliente vede subito queste 20 combinazioni, se sono disponibili e se alcune sono in promozione con lo sconto effettuato, il cliente basta cliccare sul pulsante "Aggiungi al carrello", non potrebbe essere più semplice.

Interesse del modulo per te e il tuo negozio

I saldi ! Dopotutto, fai trading per vendere, non per occupare il tuo tempo libero.

Il rendering professionale e personalizzabile con le numerose opzioni nella configurazione del modulo e con l'aggiunta di CSS per i più competenti darà un aspetto veramente professionale al tuo negozio e metterà a proprio agio i tuoi clienti.

Rendering classico del modulo che mostra l'elenco delle combinazioni

Questo modulo ti permette di visualizzare le tue combinazioni sotto forma di tabella in fondo alla pagina a livello della descrizione lunga

Configurazione del modulo

Ganci: area di visualizzazione del tavolo

Puoi scegliere di visualizzare la tabella in diversi posti:

Colonne: visualizzazione dell'intestazione e degli attributi

Per la visualizzazione della tabella, alcune opzioni nella scheda "Colonne" come la visualizzazione costante delle intestazioni (opzione "sticky") o il raggruppamento delle colonne degli attributi

Variazioni (o righe della tabella)

La scheda combinazioni ti permetterà di personalizzare la visualizzazione della tabella:

dimensione dell'immagine della variazione di default e in modalità responsive (per tablet e smartphone)
display a colori o nome del colore
prezzo, sconto, vecchio prezzo (prezzo barrato: prezzo senza sconto)
colonne di magazzino, riferimenti, riferimento del fornitore
se la tabella è troppo lunga (troppe combinazioni) puoi scegliere di visualizzare determinati valori di attributo, ovviamente quelli non spuntati saranno comunque visibili ai tuoi clienti spuntando i valori di attributo da visualizzare

Intorno al tavolo: configurazione del contorno del tavolo relativo alle combinazioni

La scheda intorno alla tabella permette di personalizzare parametri che non sono necessariamente nelle colonne o nelle combinazioni, come la visualizzazione di un singolo pulsante "aggiungi al carrello" o di un pulsante per combinazione, la scelta degli attributi, ma anche un'opzione che permette di nascondere il form di default più in alto nella pagina (il form non è nascosto per i prodotti che non hanno combinazioni)

Aggiunta di CSS o come personalizzare la resa visiva della tabella per adattarla al tema del tuo negozio

Per personalizzare ulteriormente il modulo, puoi aggiungere un codice CSS a tua scelta, permettendoti così di avere un colore del testo specifico. Per impostazione predefinita, il codice CSS contiene il codice per l'opzione "sticky" (vedi la scheda "Colonne" sopra). Perché inserire qui il codice CSS per l'opzione adesiva? L'intestazione è visibile a una distanza dalla parte superiore dello schermo, a seconda del tema questo valore può cambiare e puoi quindi modificare il valore di questa distanza.

Cache tabelle

Che senso ha visualizzare una tabella "grande" se rallenta il tuo negozio e ti penalizza (a Google non piacciono per niente i siti lenti), quindi è disponibile un sistema di cache che ti permette anche di minimizzare (ridurre) il codice HTML per renderlo meno pesante:

Esempi di rendering differenti

Resi con la visualizzazione della tabella nella parte superiore della pagina, poiché la larghezza è limitata, la tabella viene visualizzata su 2 colonne, ma tutte le informazioni sono presenti

I tuoi clienti possono scegliere gli attributi che li interessano per trovare la giusta combinazione molto rapidamente:

Esempio di rendering con gli attributi raggruppati in un'unica colonna, puoi scegliere di visualizzare o meno il nome degli attributi (Dimensione e colore in questo esempio), puoi anche scegliere di visualizzare il nome del colore (bianco, nero) o un quadrato contenente questo colore.

Esempio di rendering con un solo pulsante "Aggiungi al carrello"

tavola reattiva

Il tavolo è responsive (si adatta automaticamente alle dimensioni dello schermo del terminale utilizzato), se i tuoi clienti visitano il tuo negozio sul loro smartphone o tablet, il tavolo sarà utilizzabile e potranno comunque ordinare facilmente

Dettagli delle modifiche alla scheda quando la scheda diventa reattiva

Zoom quando si passa con il mouse sulle immagini

Rendering diverso a seconda delle scelte di zoom dell'immagine

L'opzione "Lazy load" è disponibile dalla versione 1.7.25, questa opzione ti permette di posticipare il caricamento delle immagini fintanto che non c'è bisogno di visualizzarle, questo ti permette di alleggerire le tue pagine (in numero di richieste al tuo server e quindi in kilobyte vedi mega-byte) e aumentare la velocità di caricamento.

Changelog (2012) :

• 1.0 - First version
• 1.4 - Possibility to add the function "display combinations" everywhere
• 1.5 - for prestashop 1.5, function smarty "display_combinations" become function "d_combinations"
• 1.5.1 - add the list on product page and possiblity to choicy the quantity for the customers
• 1.5.2 - correction bug in query SQL and javascript (minimal_quantity)
• 1.5.3 - correction bug when product have "no-tax"
• 1.5.4 - compatibility with module blocklayered and displaying a square instead of the image
• 1.5.5 - add buttons + and -, correct little bug for installation in the file product-list.tpl
• 1.5.6 - correction bug with blocklayered
• 1.5.7 - list in ajax and little optimisations
• 1.5.8 - correction bug
• 1.5.9 - optimisations (image default if no img for attribute)and add reduction and price stripped in the back office
• 1.5.9.1 - Correction bug (image not displayed if attribute have not color)
• 1.5.9.2 - i forget a {debug} in the file display_combinations.tpl - sorry
• 1.5.9.3 - Possiblity to choose ajax or not on the page category, correction bug with blocklayered
• 1.5.9.4 - debug url product when ajax selected
• 1.5.9.5 - debug : when _PS_VERSION_ < 1.5.5 and ajax not selected the file tpl is not load correctly
• 1.5.9.6 - debug display price with specific_price_output
• 1.5.9.7 - display message if the image size is > 200px in the BO, add the animation image product in the page category, change the src of the image in BO (if the combination's name contain "%" for example)
• 1.6 - version for prestashop 1.6 - valide for https://validator.prestashop.com
• 1.6.1 - correction for controller (like search), modification of the function updateConfigFile(), the file js/displaycombinations_categories.js and url of the file tpl for 1.5.x
• 1.6.2 - debug for compatibility with prestashop 1.5.x
• 1.6.3 - little debug when smartcache is disable on product-list.tpl
• 1.6.4 - add selector function
• 1.6.5 - debug SQL (problem quantity in multishop) and function zoom and function for hide the list of attributes
• 1.6.6 - add column unit price, add column message stock and warning, add background-color for 1 line on 2, change the gestion of stock
• 1.6.7 - code cleaning, add function for sorting out combinations
• 1.6.8 - debug problem with module blocklayered, optimisations responsive
• 1.6.9 - debug with the sort, optimisations responsive : add size of image for responsive (0-768px)
• 1.6.10 - compatibility with blockcart "no-ajax"
• 1.6.11 - update mode list/grid, compatibility with blockcart without ajax
• 1.6.12 - add column reference, display attribute name before the attribute, possibility to display one attribute by column
• 1.6.12.3 - debug template in mode responsive and with certain configuration of the module
• 1.6.12.4 - compatibility CHF and order, possibility to have a display like smartphone with table_declinaisons_mini (see that in tpl), delete the "function square in color".
• 1.6.12.5 (=1.6.13) - minor modifications, modification config by default for installation
• 1.6.14 - option for have one button "add to cart" by table
• 1.6.15 - debug problem with $product->show_price and $product->available_for_order possibility to choice the number maximum of coimbinations to display, with the choice of attributes
• 1.6.16 - compatibility with the module "hide prices easily"
• 1.7.0 - version for prestashop 1.6 and 1.7
• 1.7.1 - version for prestashop 1.6 and 1.7
• 1.7.2 - change request SQL for the image combination
• 1.7.3 - correction with the sort of public_name
• 1.7.4 - add column supplier reference
• 1.7.5 - change image of combination
• 1.7.6 - correction mode catalog on 1.6
• 1.7.7 - correction sort of combinations, display on categories page and quick view
• 1.7.8 - minor updates
• 1.7.9 - add date available for each combination
• 1.7.10 - minor updates
• 1.7.11 - minor updates for prestashop 1.7, add option for hide combinations non-commandable
• 1.7.12 - change code for the button when stock is desable
• 1.7.13 - option for change price when the quantity change
• 1.7.14 - option for add tawith or without tax after price
• 1.7.15 - little debug with prices without taxes
• 1.7.16 - add hook
• 1.7.17 - only for prestashop 1.7, update, optimizations, "HFD = help for debug (and customization)" for use this function add "&pro=1" in the url of the configuration of the module in the BO and save your IP in the tab "your IP"
• 1.7.18 - add CSS directly in the configuration of the module
• 1.7.19 - correction when the number of attributes and relatively numerous on prestashop 1.7
• 1.7.20 - add hook displayProductAdditionalInf for display the table on quick overview and correction of the personnalized message if stock=0
• 1.7.21 - correction for img of attributs when there is no color
• 1.7.22 - correction if attributs missing compared to others combinations
• 1.7.23 - add option of sticky for the header of table
• 1.7.24 - correction show_price
• 1.7.25 - add lazy load on images and update the function add to cart "one button"
• 1.7.26 - compatibility prestashop 1.7.8
• 1.7.27 - debug for the option "one button"