Galleria prodotti RKR

Zoom senza bordi bianchi

PrestaShop genera ogni formato con le dimensioni esatte del tipo di immagine e riempie lo spazio in eccesso con il bianco. Questa cornice rimane all'interno del JPEG: non importa quanto ingrandisci, ingrandirai solo la cornice.

Il modulo parte dall'immagine originale ( img/p/ , preservandone le proporzioni, e genera una copia ingrandita con le dimensioni e la qualità specificate. Ingrandisce l'immagine stessa, non l'area circostante.

Un visualizzatore con tutte le foto

Quando la apri, vengono visualizzate tutte le immagini del prodotto, non solo quelle che rientrano nella galleria: griglia di miniature su desktop, punti su dispositivi mobili, frecce, tastiera, rotella dello zoom, doppio clic e pinch-to-zoom.

Lo stile si sceglie da sé.

Le regole vengono valutate dall'alto verso il basso e vince la prima che si adatta: in base al numero di immagini, all'orientamento dominante del set, all'orientamento o alla larghezza della copertina, oppure alle categorie.

Un prodotto con due foto non dovrebbe utilizzare lo stesso stile di uno con quattordici foto. La priorità è chiara: lo stile impostato manualmente nella descrizione del prodotto ha sempre la precedenza; in caso contrario, viene applicata la prima regola applicabile; e se nessuna regola è applicabile, viene applicato lo stile predefinito.

Progettato per dispositivi mobili, con dati

Nelle schede per computer desktop analizzate da Baymard, il 100% utilizza miniature, mentre nelle versioni per dispositivi mobili solo il 24%. Con i puntini al posto delle miniature, le persone tendono a saltare le foto e, inoltre, il puntino è un bersaglio troppo piccolo per il dito.

Ecco perché lo stile mobile consigliato posiziona l'elenco sotto la foto, con un contatore "3/12" e l'ultima miniatura parzialmente visibile: un segno che l'elenco non occupa ancora troppo spazio sullo schermo. Le dimensioni target aumentano a 44px e l'animazione viene ridotta se richiesto dal sistema.

Video all'interno della galleria

Il video è posizionato accanto alle foto, non sotto la descrizione dove quasi nessuno scorre verso il basso. La diapositiva mostra una foto con un pulsante di riproduzione, e il player si avvia solo quando viene premuto: misurato in un test reale su YouTube, una richiesta a terze parti prima di premere il pulsante contro venti dopo .

YouTube carica i contenuti dal dominio senza cookie e Vimeo richiede di non essere tracciato. I video con titoli e miniature vengono inseriti nei dati strutturati come VideoObject .

Un assistente che sorveglia il tuo negozio

Sette passaggi che non sostituiscono il modulo: puoi aprirli se vuoi e chiuderli quando preferisci. Ognuno verifica lo stato attuale del tuo negozio (se il template è installato nel tema, quali formati di immagine hai, quali foto sono state caricate), spiega cosa comporta ogni opzione e offre la possibilità di applicare i suggerimenti con un solo clic.

Include un pannello diagnostico che analizza le immagini e indica quali presentano delle carenze, oltre a una guida con un'anteprima di ogni stile su entrambi gli schermi.

Cosa è incluso di serie

• ImageGallery ha strutturato i dati includendo tutte le foto, le dimensioni reali e la copertina, contrassegnata come rappresentativa della pagina.
• Modalità modello (senza ridisegnare) o modalità automatica (senza modificare il tema).
• Scorrimento automatico opzionale, solo su dispositivi mobili se lo si desidera, nel rispetto dell'impostazione prefers-reduced-motion .
• Senza jQuery e senza librerie di terze parti sul front-end.
• Manuale utente per il back-office, in spagnolo e inglese.

Compatibilità

Compatibile con PrestaShop dalle 1.7.8 alla 9.x, con PHP 7.4 o superiore. Testato sui temi Hummingbird e Classic.