Kowal Product Gallery Grid per Magento 2
- SKU
- M2-PRODUCT-GALLERY-GRID
Descrizione / Kowal Product Gallery Grid per Magento 2
MAGENTO 2 · IMMAGINI · DESKTOP · GALLERIA PRODOTTO
Mostra più viste del prodotto in una chiara griglia di immagini.
Kowal Product Gallery Grid
Sfrutta la larghezza dello schermo del computer: le immagini grandi mostrano i dettagli e la colonna delle informazioni segue lo scorrimento. Mantieni il fullscreen nativo Magento e la galleria standard sui telefoni.
1–4 colonne · Immagini delle varianti · Ingrandimento nativo
COME FUNZIONA IN PRATICA
01 · Scegli il layout delle immagini
Imposti numero di colonne e dimensioni delle immagini.
02 · Il cliente esplora i dettagli
Le viste visibili aiutano a confrontare l'aspetto del prodotto.
03 · Apre l'immagine scelta
Il clic avvia il fullscreen della galleria nativa.
Cosa ottiene il tuo negozio?
Scopri le funzioni, l'utilizzo e le impostazioni del modulo.
Una nuova qualità nella presentazione delle immagini prodotto in Magento 2
Kowal_ProductGallery trasforma la galleria prodotto standard su desktop in una griglia moderna e chiara di immagini grandi. Al posto del classico layout con una foto principale e piccole miniature, il cliente vede subito più viste del prodotto, ne comprende più rapidamente l'aspetto e decide più facilmente l'acquisto.
La soluzione è progettata per i negozi in cui le immagini contribuiscono realmente alle vendite: moda, interni, arredamento, beauty, accessori, vendita premium e ogni settore in cui i dettagli del prodotto contano.
1. Più immagini visibili subito
Il cliente non deve cliccare sulle miniature per vedere altre viste. Già al primo accesso alla scheda prodotto riceve un quadro più ampio dell'offerta:
- vede il prodotto da più prospettive,
- valuta più rapidamente colore, trama, proporzioni e dettagli,
- confronta più facilmente le immagini senza interazioni inutili.
Questo accorcia il percorso dall'interesse all'acquisto.
2. Maggiore impatto visivo nella scheda prodotto
Le immagini grandi disposte in una griglia curata rendono la percezione del negozio più moderna e premium. Il prodotto si presenta meglio e la scheda appare più rifinita e orientata alla vendita rispetto al layout standard Magento.
Questa presentazione è particolarmente utile per gli assortimenti in cui l'immagine è uno degli argomenti principali d'acquisto.
3. Migliore esperienza d'acquisto su desktop
Il layout è preparato appositamente per desktop, dove l'utente ha più spazio sullo schermo e si aspetta un accesso rapido a più contenuti. La galleria sfrutta efficacemente questo spazio:
- le immagini sono più grandi e leggibili,
- il layout è più intuitivo durante la navigazione,
- la colonna destra con le informazioni sul prodotto rimane comodamente accessibile durante lo scorrimento.
Il risultato è una navigazione più fluida nella pagina prodotto e un minore rischio di perdere l'attenzione del cliente.
4. Conservazione del meccanismo noto di ingrandimento
La nuova presentazione conserva le comode funzioni della galleria standard Magento. Cliccando sull'immagine il cliente può ancora aprire l'anteprima a schermo intero ed esaminare il prodotto in dettaglio.
Il negozio ottiene così un aspetto più moderno conservando i comportamenti familiari della galleria.
5. Nessuna modifica su mobile
Il modulo modifica solo la vista desktop. Sui dispositivi mobili rimane la galleria nativa Magento, mantenendo un'esperienza d'acquisto prevedibile e comoda sui telefoni.
Questo è rilevante perché le aspettative degli utenti desktop e mobile sono diverse e un unico layout non funziona sempre bene in entrambi i contesti.
Impatto sulle vendite e sulla percezione del prodotto
Una migliore esposizione delle immagini può portare a:
- maggiore coinvolgimento dell'utente nella scheda prodotto,
- migliore comprensione del prodotto prima di aggiungerlo al carrello,
- presentazione più efficace di qualità, finiture e dettagli,
- riduzione dell'incertezza d'acquisto,
- immagine più professionale del negozio.
In pratica la scheda prodotto contribuisce più efficacemente alla conversione e valorizza le immagini già disponibili nel negozio.
Per quali negozi il modulo offre più valore
Il modulo è particolarmente adatto ai settori in cui il cliente acquista soprattutto attraverso le immagini:
- moda e calzature,
- mobili e arredamento,
- decorazioni e accessori per la casa,
- cosmetici e beauty,
- gioielli e accessori,
- prodotti premium e lifestyle.
Quanto più contano le immagini prodotto, tanto maggiore è il vantaggio del passaggio alla griglia.
Riepilogo
Kowal_ProductGallery aiuta a trasformare la scheda prodotto standard Magento 2 in una presentazione più moderna, visiva e orientata alla vendita. Il cliente vede di più più rapidamente, valuta meglio il prodotto e usa comodamente la galleria; il negozio valorizza l'offerta conservando le abitudini principali dell'utente.
È un'estensione pratica per i negozi che vogliono sfruttare meglio le immagini prodotto come strumento concreto di vendita.
Configurazione della griglia e delle dimensioni delle immagini
Stores → Configuration → Catalog → Catalog → Kowal Product Gallery permette di impostare da 1 a 4 colonne, larghezza e altezza delle immagini. I valori predefiniti sono 2 colonne e 640 × 640 px; le impostazioni possono essere adattate alla vista negozio.
Per materiali quadrati scegli dimensioni uguali. Le modifiche alla configurazione delle dimensioni delle immagini del tema richiedono di considerare la cache delle immagini nel processo di implementazione.
Varianti e ambito della compatibilità
Il modulo conserva il widget mage/gallery/gallery e aggiorna la griglia quando cambiano i dati della galleria del prodotto configurable. La colonna destra delle informazioni segue lo schermo e si ferma alla fine dell'area delle immagini.
L'integrazione usa il layout Luma/Blank, RequireJS, jQuery e Fotorama. Un template della galleria sostitutivo o un tema Hyvä richiede verifiche e adattamenti; il pacchetto non contiene un adattatore Hyvä dedicato.
Installazione tramite Composer
Il pacchetto kowal/module-product-gallery, modulo Kowal_ProductGallery. Dopo aver configurato l'accesso al repository Kowal, installa il pacchetto, abilita il modulo, aggiorna Magento e svuota la cache. In produzione, includi compilazione e deploy dei contenuti statici secondo il processo del negozio.
Dalla configurazione al risultato
1. Scegli il layout delle immagini
Imposti numero di colonne e dimensioni delle immagini.
2. Il cliente esplora i dettagli
Le viste visibili aiutano a confrontare l'aspetto del prodotto.
3. Apre l'immagine scelta
Il clic avvia il fullscreen della galleria nativa.
Dettagli del prodotto senza cliccare sulle miniature
Per l'abbigliamento mostri fronte, retro e dettagli del tessuto nella griglia desktop. Il cliente sceglie la variante e la griglia si aggiorna insieme ai dati della galleria.
L'immagine può essere aperta nell'anteprima a schermo intero. Il telefono usa la galleria Magento esistente.
Adatta la galleria alle immagini e al tema del negozio
Vuoi adattare il modulo al tuo negozio? Richiedi l'implementazione di Kowal Product Gallery Grid e discuti la configurazione o le estensioni necessarie.
Maggiori Informazioni
| Conformità al modello | Luma / Vuoto, Fabbro |
|---|
Istruzioni per l'installazione del modulo
Istruzioni di installazione e configurazione
Il modulo
Kowal_ProductGallery
Pacchetto Composer:
kowal/module-product-gallery
Requisiti
Prima dell'installazione, assicurati che l'ambiente soddisfi le seguenti condizioni:
- Magento 2 con modulo catalogo attivo,
- PHP in una versione conforme ai requisiti del pacchetto,
- accesso al repository Composer o al repository Git da cui viene pubblicato il modulo,
- permessi per eseguire i comandi
bin/magento, - accesso amministrativo al pannello Magento per configurare le impostazioni.
Installazione tramite Composer
Aggiungi il repository Composer Kowal alla configurazione del progetto:
I dati di accesso al repository Composer, ovvero l indirizzo e-mail del cliente e il token di licenza, saranno inviati via e-mail dopo l acquisto. Sono disponibili anche nel pannello cliente dopo l accesso su kowal.store. Sostituisci TWOJ_EMAIL_KLIENTA con l indirizzo e-mail del tuo account e TWOJ_TOKEN con il token ricevuto. Esegui i comandi nella directory principale di Magento.
composer config repositories.kowal composer https://repo.kowal.store
Configura i dati di accesso al repository Composer Kowal:
composer config http-basic.repo.kowal.store "TWOJ_EMAIL_KLIENTA" "TWOJ_TOKEN"
Quindi installa il modulo:
composer require kowal/module-product-gallery
Attivazione del modulo in Magento
Dopo l'installazione del pacchetto, esegui il set standard di comandi Magento:
bin/magento module:enable Kowal_ProductGallery
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flush
Se lo store funziona in modalità sviluppatore, una parte dei comandi può dipendere dal processo di deployment del progetto. Nell'ambiente di produzione si consiglia di eseguire un deployment standard completo, conforme alla policy del progetto.
Verifica dell'installazione
Dopo l'attivazione del modulo, controlla:
- Se il modulo è visibile nell'elenco:
bin/magento module:status Kowal_ProductGallery
Se nella scheda prodotto desktop la galleria è stata sostituita da una griglia di immagini di grandi dimensioni.
Se facendo clic su un'immagine si apre la galleria standard Magento a schermo intero.
Se la visualizzazione mobile è rimasta invariata.
Posizione delle impostazioni nel pannello di amministrazione
La configurazione del modulo è disponibile in:
Stores > Configuration > Catalog > Catalog > Kowal Product Gallery
L'accesso a questa sezione dipende dai permessi ACL assegnati all'amministratore.
Impostazioni disponibili
1. Numero di colonne della griglia
Campo:
Liczba kolumn grida
Descrizione:
Definisce il numero di colonne nella griglia desktop delle immagini prodotto.
Raccomandazione:
2per un layout classico e leggibile,- valori più alti solo se le immagini prodotto rimangono comunque sufficientemente grandi e leggibili.
2. Larghezza dell'immagine
Campo:
Szerokość obrazka
Descrizione:
Definisce la larghezza massima dell'immagine nella griglia desktop, in pixel.
Raccomandazione:
- per immagini quadrate, un buon punto di partenza è
640.
3. Altezza dell'immagine
Campo:
Wysokość obrazka
Descrizione:
Definisce l'altezza massima dell'immagine nella griglia desktop, in pixel.
Raccomandazione:
- per immagini quadrate, imposta un valore uguale alla larghezza, ad es.
640, - per immagini con proporzioni diverse, adatta l'altezza al formato effettivo dei materiali prodotto.
Raccomandazioni di configurazione
- Per un risultato visivo coerente, utilizza immagini prodotto con proporzioni simili.
- Per immagini quadrate, imposta gli stessi valori di larghezza e altezza.
- Dopo aver modificato le dimensioni delle immagini, testa l'aspetto della scheda prodotto su alcuni prodotti rappresentativi.
- Verifica il funzionamento per prodotti semplici e configurabili.
Rigenerazione delle immagini dopo modifiche delle dimensioni
Se le modifiche alla configurazione o alle impostazioni della vista richiedono l'aggiornamento della cache delle immagini del catalogo, esegui:
bin/magento catalog:images:resize
Al termine della rigenerazione, svuota la cache:
bin/magento cache:clean
Controllo dopo il deployment
Dopo il deployment nell'ambiente di test o di produzione, controlla:
- l'aspetto della galleria su desktop,
- l'assenza di regressioni su mobile,
- il funzionamento della modalità a schermo intero dopo il clic sull'immagine,
- il funzionamento della galleria per prodotti configurable,
- la correttezza del comportamento sticky della colonna con le informazioni sul prodotto,
- il tempo di caricamento della scheda prodotto e gli indicatori di base della qualità di rendering.
Note di deployment più frequenti
- Se le modifiche non sono visibili, controlla prima la cache e il deployment delle risorse statiche.
- Se lo store utilizza un tema fortemente modificato, conviene confermare la compatibilità del template della galleria con il theme attivo.
- Se l'amministratore non vede le impostazioni del modulo, controlla i permessi ACL assegnati al suo ruolo.
