Module PrestaShop – Visualiser Icônes / Images des Caractéristiques Produit

Description

Une image vaut mille mots : les images visuelles sont très efficaces pour transmettre un message, car les gens peuvent les comprendre plus rapidement et plus efficacement qu’en lisant un texte. Les visuels sont un outil incroyablement utile lorsqu’il s’agit d’informations sur les produits. Ils vous permettent de présenter un large éventail d’informations détaillées sur les produits rapidement et efficacement.

Améliorer la page produit et l’aperçu rapide avec un affichage personnalisable des images/icônes/pictogrammes des caractéristiques et de leurs valeurs (positionnement ajustable, affichage en mode liste ou grille, différentes options de disposition d’affichage, dimensions, infobulle, libellé de la valeur de la caractéristique et lien vers une page web spécifiée), afin d’avoir une vue d’ensemble des caractéristiques du produit et d’améliorer l’expérience de l’utilisateur.

Améliorer également la liste des produits en affichant des images de caractéristiques dans la miniature du produit (positionnement personnalisable, affichage vertical ou horizontal, dimensions et espacement, infobulle et libellé de la valeur de la caractéristique) et dans les filtres de recherche à facettes.

Ce module vous permet de :

• Attirer l’attention de vos clients avec des pictogrammes ou des images accrocheuses.
• Utiliser des pictogrammes pour mettre en avant les principales caractéristiques de votre produit attirera l’attention de vos clients et augmentera leur temps d’engagement sur la page du produit.
• Donner aux clients une meilleure compréhension de ce que le produit a à offrir, ce qui conduit à plus de ventes et de fidélisation de la clientèle.
• Attribuer une image à toutes les caractéristiques ou leurs valeurs.
• Faire ressortir les caractéristiques clés de vos produits à l’aide d’images attrayantes.
• Fournir des informations clés sur le produit en un coup d’œil.
• Se démarquer de la concurrence avec une page produit personnalisée et enrichie.
• Personnaliser facilement l’affichage des images des caractéristiques selon vos goûts : choisir l’emplacement et la disposition d’affichage dans la page produit et l’aperçu rapide, activer/désactiver l’affichage dans l’aperçu rapide, définir de la taille de l’image, mise en page en liste ou en grille avec un nombre défini de colonnes par type d’appareil, activer/désactiver l’affichage du libellé/texte, activer/désactiver l’infobulle, personnaliser les couleurs du texte et de l’infobulle, activer/désactiver le lien cliquable depuis l’image, activer/désactiver l’affichage des images dans la miniature du produit (liste des produits) avec la personnalisation de la position et l’affichage optionnel du libellé/texte, activer/désactiver l’affichage des images dans les filtres de recherche à facettes (liste des produits).

Caractéristiques

• Attribuer une image à n’importe quelle caractéristique ou valeur de caractéristique : vous pouvez choisir de définir une image au niveau de la caractéristique ou au niveau de la valeur de la caractéristique. Le niveau de la caractéristique a une priorité plus élevée que le niveau de la valeur de la caractéristique : si une image de la caractéristique est définie, elle sera affichée à la place des images des valeurs de la caractéristique déjà définies.
• Les formats autorisés sont les suivants : .gif, .jpg, .png et .svg. Le format SVG est le meilleur choix, car il offre un meilleur rendu.
• Spécifier l’emplacement d’affichage des images des caractéristiques (page produit et aperçu rapide), en choisissant parmi 3 options : le point d’accroche d’informations complémentaires sur le produit, le point d’accroche après les miniatures du produit ou en utilisant un point d’accroche personnalisé. Le point d’accroche personnalisé vous permet d’afficher les images des caractéristiques où vous le souhaitez dans la page du produit ou l’aperçu rapide.
• Spécifier la disposition d’affichage des images des caractéristiques (page produit et aperçu rapide), en choisissant parmi 3 options : image avec valeur de la caractéristique, image avec nom et valeur de la caractéristique ou images et valeurs des caractéristiques regroupées par nom de caractéristique.
• Activer ou désactiver l’affichage des images des caractéristiques dans l’aperçu rapide du produit.
• Activer ou désactiver le lien cliquable depuis l’image vers une page web spécifiée (page produit et aperçu rapide). Les liens peuvent être ouverts dans un nouvel onglet ou une nouvelle fenêtre du navigateur, avec ou sans la relation du lien.
• Activer ou désactiver l’affichage des images des caractéristiques dans la miniature du produit (dans la liste des produits) avec un positionnement personnalisable (verticalement en haut à gauche, verticalement en haut à droite ou horizontalement).
• Activer ou désactiver l’affichage des images des valeurs des caractéristiques dans les filtres de recherche à facettes dans la liste des produits (fonctionne uniquement avec le module natif ps_facetedsearch de PrestaShop).
• Personnaliser la taille de l’image à afficher en pixels.
• Contrôler la disposition des images de caractéristiques (liste ou grille dans la page produit et l’aperçu rapide). Dans la présentation en liste, le libellé/texte de la valeur de la caractéristique est affiché à droite de l’image. Dans la présentation en grille, le libellé/texte de la valeur de la caractéristique est affiché en dessous de l’image.
• Spécifier le nombre de colonnes à afficher pour les deux styles de présentation (liste et grille dans la page produit et l’aperçu rapide) par type d’appareil (grand écran et mobile).
• Les textes des caractéristiques et les infobulles sont affichées dans la langue sélectionnée.
• Activer ou désactiver l’affichage du texte de la valeur de la caractéristique.
• Activer ou désactiver l’affichage de l’infobulle au survol ou au toucher de l’image.
• Personnaliser les couleurs de l’infobulle (texte et arrière-plan) et de la valeur de la caractéristique en fonction de votre marque.
• Personnaliser la largeur de l’infobulle.
• Les images des caractéristiques sont affichées dans le même ordre que celui défini dans la liste des caractéristiques du back-office.
• Les images des valeurs des caractéristiques sont affichées par ordre alphabétique. L’ordre peut donc varier en fonction de la langue de la boutique sélectionnée (front-office).
• Dans le cas où l’affichage du libellé/texte de la valeur de la caractéristique est activé : si l’image correspond à une caractéristique, l’infobulle affiche le nom de la caractéristique. Et si l’image correspond à une valeur de la caractéristique, l’infobulle affiche la valeur de la caractéristique.
• Dans le cas où l’affichage de libellé/texte de la valeur de la caractéristique est désactivé : l’infobulle affiche toujours la valeur de la caractéristique.
• Fournir un affichage responsive adapté à tous les appareils.

La performance est toujours une priorité :

• Toutes les images des caractéristiques sont chargées en différé.
• Pas de sursaut de contenu lors du chargement des images des caractéristiques.
• Aucun élément HTML supplémentaire n’est ajouté pour les données non affichées.
• Les requêtes de la base de données sont mises en cache dans la mesure du possible.

Ce que vos clients aimeront

• Le client aura une vue d’ensemble des principales caractéristiques du produit.
• Le client appréciera l’accès clair et rapide aux informations clés.
• Le client appréciera une expérience d’achat plus agréable.

Recommandations

Nous vous recommandons de télécharger des images SVG avec un arrière-plan transparent pour un affichage optimal. Le module supporte les images SVG. Pensez à compresser les images avant de les télécharger pour de meilleures performances.