Galerie de produits RKR

Zoom, sans bordures blanches

PrestaShop génère chaque format aux dimensions exactes du type d'image et remplit le surplus avec du blanc. Ce cadre reste à l'intérieur du fichier JPEG : quel que soit le niveau de zoom, vous ne zoomerez que sur le cadre.

Ce module part de l'image originale ( img/p/ , en conservant ses proportions, et génère une copie agrandie à la taille et à la qualité que vous spécifiez. Il agrandit l'image elle-même, et non la zone qui l'entoure.

Une visionneuse avec toutes les photos

Lorsque vous l'ouvrez, toutes les images du produit apparaissent, et pas seulement celles qui tiennent dans la galerie : grille de vignettes sur ordinateur, points sur mobile, flèches, clavier, molette de zoom, double-clic et pincement.

Le style s'impose de lui-même.

Les règles sont évaluées de haut en bas et la première qui convient l'emporte : par nombre d'images, par orientation dominante de l'ensemble, par orientation ou largeur de la couverture, ou par catégories.

Un produit avec deux photos ne doit pas utiliser le même style qu'un produit avec quatorze photos. La priorité est claire : le style défini manuellement dans la fiche produit prévaut toujours ; sinon, la première règle applicable est appliquée ; et si aucune ne convient, le style par défaut est utilisé.

Conçu pour les appareils mobiles, avec des données

Dans les fiches de bureau analysées par Baymard, 100 % utilisent des vignettes, contre seulement 24 % sur mobile. Avec des points à la place des vignettes, les utilisateurs passent rapidement sur les photos, et de plus, le point est une petite cible facile à toucher du doigt.

C’est pourquoi, pour les appareils mobiles, le style recommandé place la liste sous la photo, avec un compteur « 3/12 » et la dernière vignette partiellement visible : signe que la liste n’occupe pas tout l’écran. La taille des cibles passe à 44 px et l’animation est réduite si le système le demande.

Vidéo dans la galerie

La vidéo est placée à côté des photos, et non en dessous de la description où presque personne ne fait défiler la page. Le diaporama affiche une photo avec un bouton de lecture, et le lecteur ne se lance que lorsqu'on clique dessus : lors d'un test réel sur YouTube, on a constaté une seule requête à un service tiers avant de cliquer sur le bouton, contre vingt après .

YouTube se charge depuis le domaine sans cookies, et Vimeo demande à ne pas être suivi. Les vidéos, avec leurs titres et vignettes, sont intégrées aux données structurées sous forme VideoObject .

Un assistant qui surveille votre magasin

Sept étapes qui ne remplacent pas le formulaire : vous pouvez les ouvrir et les quitter à votre guise. Chacune vérifie l’état actuel de votre boutique (installation du modèle dans le thème, formats d’image disponibles, photos téléchargées), explique chaque option et propose d’appliquer les recommandations en un clic.

Il comprend un panneau de diagnostic qui mesure vos images et vous indique lesquelles sont insuffisantes, ainsi qu'un guide avec une maquette de chaque style sur les deux écrans.

Ce qui est inclus de série

• Données structurées ImageGallery avec toutes les photos, leurs dimensions réelles et la couverture marquée comme représentative de la page.
• Mode modèle (sans repeindre) ou mode automatique (sans modifier le thème).
• Défilement automatique optionnel, uniquement sur mobile si vous le souhaitez, respectant prefers-reduced-motion .
• Sans jQuery et sans bibliothèques tierces côté client.
• Guide d'utilisation du back-office, en espagnol et en anglais.

Compatibilité

Compatible avec PrestaShop 1.7.8 à 9.x, PHP 7.4 ou supérieur. Testé avec les thèmes Hummingbird et Classic.