Modulo attributi con immagini generali o specifiche immagini
Modulo attributi con immagini generali o specifiche
Assegna un'immagine a qualsiasi valore di attributo (dimensioni, formato, spessore) e PrestaShop la visualizzerà come selettore nella pagina del prodotto, nell'anteprima rapida, nelle miniature delle schede prodotto, nella homepage e nei caroselli, anche se il gruppo non è di tipo colore. Scegli un'immagine globale per l'intero catalogo, un'immagine specifica per ogni prodotto oppure importala tramite CSV. Le schede prodotto saranno allineate indipendentemente dal fatto che un prodotto abbia 0 o 20 combinazioni. Compatibile con le versioni di PrestaShop dalla 1.7 alla 9.x.
Schede prodotto ed elenchi
250 gy e 4 kg non sono la stessa parola con un numero davanti.
Si tratta di un barattolo e un sacchetto, e il cliente lo capisce a colpo d'occhio se glielo mostri. Tuttavia, PrestaShop visualizza un'immagine accanto a una combinazione solo quando il relativo gruppo di attributi è del tipo "Colore o consistenza": una dimensione, un formato, un peso o una finitura vengono visualizzati come un menu a tendina di testo. RKR Combination Images ti permette di aggiungere una foto a qualsiasi valore di attributo e di visualizzarla nel punto in cui viene presa la decisione di acquisto.
Il menu a tendina si trasforma in un selettore di immagini.
Non è necessario modificare il tipo di gruppo di attributi o rifare le combinazioni. Non appena un valore ha un'immagine, il modulo visualizza quel gruppo come un selettore visivo, con la combinazione scelta evidenziata da un bordo del colore e dello spessore specificati e il nome sotto ogni immagine.
Le dimensioni della scheda e quelle dell'anteprima rapida sono impostazioni diverse, perché lo spazio disponibile in ciascuna area è differente.
Configuralo una volta, non prodotto per prodotto
Il metodo più rapido è l' immagine globale : visualizzi l'immagine del valore "4 kg" e tutti i prodotti del catalogo che utilizzano quella combinazione la vedranno, senza dover accedere ai dettagli dei singoli prodotti. Se domani il formato della confezione dovesse cambiare, potrai aggiornarlo in un unico punto.
Quando un prodotto specifico necessita di una foto diversa, la si aggiunge alla sua pagina prodotto e tale foto ha la precedenza sull'immagine generale . Inoltre, se si importa da un catalogo di grandi dimensioni, l'importazione CSV carica una riga per ogni valore di attributo con le immagini contenute in un file ZIP.
Anche negli elenchi, dove avviene la selezione
La maggior parte dei moduli di questo tipo rimane sulla pagina del prodotto. Qui, l'immagine combinata appare anche nelle miniature delle categorie, nella barra di ricerca, nella homepage e nei caroselli, con una dimensione visibile (quella che hai impostato) e il nome della combinazione scritto sotto. Un puntino di 16 pixel senza testo non significa nulla per nessuno.
E senza rovinare la griglia
Questo è il problema che chiunque visualizzi combinazioni su delle carte si trova ad affrontare: un prodotto con sei formati occupa più spazio di uno senza, e l'elenco finisce per presentare nomi e prezzi ad altezze diverse.
La striscia è sempre composta da una singola riga con un'altezza fissa e qualsiasi spazio non contenuto viene ridotto di un "+3" calcolato dal modulo in base alla larghezza disponibile. Lo spazio viene riservato su tutte le schede dell'elenco, ma solo negli elenchi in cui è necessario : se una categoria non utilizza immagini unite, non perde nemmeno un pixel a causa dello spazio vuoto. Sui dispositivi mobili, l'immagine viene ridotta di dimensioni, ma il nome rimane leggibile.
Un assistente all'interno del modulo
La schermata delle impostazioni si apre con una guida pieghevole che spiega i tre modi per aggiungere un'immagine, ti porta alla schermata corretta con un solo clic e ti avverte dei due errori più comuni che fanno perdere tempo: la necessità di svuotare la cache dopo aver modificato un'immagine e il fatto che PrestaShop visualizza le immagini solo dove il gruppo lo consente. Ti avvisa se la lasci aperta.
Il pacchetto include anche le guide complete in formato PDF, in spagnolo e in inglese.
Cosa è incluso di serie
- Immagine in base al valore dell'attributo: globale, per prodotto o tramite file CSV.
- Nome della combinazione visualizzato sotto la foto, nella scheda tecnica e nelle miniature, con lunghezza massima configurabile.
- Bordo della combinazione selezionata, con colore e spessore propri.
- Possibilità di modificare la foto principale del prodotto al momento della scelta di una combinazione.
- Le immagini vengono copiate quando un prodotto viene duplicato.
- Multi-negozio e multilingue: ogni immagine può avere la sua descrizione in ogni lingua.
- I valori senza immagine non vengono dipinti come quadri vuoti: vengono semplicemente omessi.
Compatibilità e cosa dovresti sapere prima dell'installazione
Compatibile con PrestaShop dalla versione 1.7 alla 9.x con PHP 7.2 o superiore. Testato su 8.2.4 , 8.2.8 e 9.1.5 , sui temi Classic e Hummingbird e su un tema commerciale con homepage realizzata con Creative Elements.
Il modulo installa un override ProductController : questo permette di visualizzare un gruppo non basato sul colore come selettore di immagini. Se il tuo negozio ha già un override di questo tipo, dovresti verificarlo durante l'installazione.
Il nome della combinazione nelle miniature viene preso dall'attributo che il tuo tema inserisce già nel link, quindi non è necessario sovrascrivere alcun template del tema affinché appaia.
-
Marca
-
Riferimentomod131
v4.3.8
La striscia di combinazioni non sballa più la griglia. IL PROBLEMA: La striscia occupava altezza solo quando il prodotto aveva immagini di combinazioni. Misurato in una categoria reale con schede da 374px: una scheda senza combinazioni misurava 466px e una con combinazioni 532px. E restringendo la finestra, appariva un secondo salto perché sei combinazioni si estendevano su due o tre righe. La griglia risultava disallineata e sembrava un modello rotto.
LA SOLUZIONE, in tre parti
- La striscia è riservata su tutte le schede, indipendentemente dal fatto che contengano combinazioni, ma solo negli elenchi in cui almeno una scheda le presenta. Questo contrassegno viene impostato dal codice JavaScript del modulo (classe rkr-listing-with-swatches nel contenitore dell'elenco). Un catalogo senza immagini di combinazione non perde un singolo pixel; dove sono presenti combinazioni, tutte le schede hanno le stesse dimensioni.
- La striscia è SEMPRE composta da una sola riga e ha un'altezza fissa: non aumenta mai. Tutto ciò che non rientra non si avvolge attorno alla striscia; viene conteggiato come "+N". Pertanto, l'altezza è indipendente dal numero di combinazioni (0, 1, 2, 6 o 20) e dalla larghezza dello schermo.
- Le miniature ora appaiono SOPRA il nome del prodotto: il blocco di testo della scheda diventa una colonna flessibile e il banner assume l'ordine -1. Viene posizionato utilizzando `:has()`, quindi non dipende da come ogni tema denomina quel blocco; se il browser non lo supporta, il banner rimane nella posizione impostata dal tema e il resto continua a funzionare. Un'altezza fissa elevata per tutti i prodotti è stata intenzionalmente eliminata: avrebbe lasciato uno spazio vuoto per i prodotti senza combinazioni, che sono la maggioranza in un catalogo tipico. IL "+N" VIENE CALCOLATO DAL MODULO. Il contatore del tema viene calcolato utilizzando le SUE dimensioni, non quelle del modulo, e forniva un numero diverso da quello visualizzato; ora è nascosto. Il contatore del modulo viene calcolato aritmeticamente (larghezza della banda rispetto alla larghezza dell'immagine), non misurando la posizione finale di ciascuna immagine: una misurazione effettuata prima che il browser terminasse il rendering lascerebbe un'immagine tagliata a metà contro il bordo. Viene ricalcolato quando si ridimensiona e si ridisegna l'elenco a causa di filtri o impaginazione. VERIFICATO: In una categoria di 20 prodotti con 0, 1, 2 e 6 combinazioni: a 1600px, 19 delle 20 carte misurano esattamente la stessa dimensione (322,78px), e l'unica differenza è dovuta alla riga dello sconto tematico, non alla striscia. A 1024px, sono visibili 5 combinazioni e "+1"; a 375px, sono visibili 3 combinazioni e "+3", senza immagini ritagliate.
4 altri prodotti nella stessa categoria
También podría interesarte
Video di prodotto
Video di prodotto
Video di prodotto
Video di prodotto
Video di prodotto
Questions and answers
Nobody has asked anything about this product yet.
