Infobulles - descriptions des caractéristiques et des paramètres produits - Module PrestaShop

Infobulles - descriptions des caractéristiques et des paramètres produits - Module PrestaShop

Un paramètre tel que « IP54 », « CRI 90 » ou « classe 3 » est évident pour un spécialiste, mais pas forcément pour le client. S’il doit quitter le tableau des caractéristiques et chercher l’explication dans une longue description, le risque qu’il abandonne tout simplement augmente.

AJIT Feature Tooltip permet d’ajouter de courtes explications directement à côté des caractéristiques et de leurs valeurs. Les descriptions sont gérées en plusieurs langues dans le back-office et la présentation peut être adaptée au thème de la boutique.

Principales possibilités du module

• descriptions pour les noms de caractéristiques
• descriptions pour les valeurs de caractéristiques
• multilang
• recherche et indicateur d’activité dans le BO
• modes js et tab
• styles distincts pour les icônes de caractéristiques et de valeurs
• position de l’icône avant/après le nom
• couleurs de l’infobulle et aperçu en direct
• fermeture automatique au toucher
• moteur maison, sans bibliothèques externes

Infobulle pour la caractéristique et pour la valeur

Une description peut être attribuée au nom du paramètre lui-même et, séparément, à chacune de ses valeurs. Vous pouvez ainsi expliquer aussi bien « ce que signifie la caractéristique » que « ce que signifie cette variante précise ».

Une grille pratique dans le Back Office

Le panneau affiche une grille des caractéristiques et des valeurs, avec un sélecteur de langue, une recherche et un indicateur d’activité. Cela facilite le travail lorsque les paramètres sont nombreux.

Deux modes d’affichage

Le mode « js » accroche l’icône au tableau des caractéristiques utilisé par le thème. Le mode « tab » affiche son propre tableau dans un onglet produit. Vous pouvez ainsi adapter le mode d’intégration à un gabarit précis.

Maîtrise complète de l’apparence

Vous réglez séparément le style des icônes de caractéristiques et des icônes de valeurs : couleur, taille, bordure, rayon d’arrondi et position avant ou après le nom. La configuration des couleurs de l’infobulle et un aperçu en direct sont également disponibles.

Un bon comportement au toucher

L’infobulle dispose d’une fermeture automatique configurable sur les appareils tactiles. Le moteur maison ne nécessite aucune bibliothèque front-end supplémentaire.

À qui s’adresse ce module ?

Il est surtout utile dans les boutiques techniques, en B2B et partout où les produits comptent beaucoup de paramètres qui demandent une courte explication.

FAQ

L’infobulle peut-elle être différente pour chaque valeur de caractéristique ?

Oui. Les descriptions sont prises en charge aussi bien pour la caractéristique que pour des valeurs précises.

Le module fonctionne-t-il avec le tableau des caractéristiques existant du thème ?

Oui. Le mode js peut accrocher l’icône au tableau existant. Le mode tab, avec son propre rendu, est proposé en alternative.

Puis-je modifier l’apparence des icônes ?

Oui. La couleur, la taille, la bordure, le radius et la position se configurent séparément pour les icônes de caractéristiques et de valeurs.

Que réglez-vous dans le panneau du module ?

01 / Emplacement des infobulles

Emplacement des infobulles

Mode JS ou onglet dédié

Le mode JS accroche les icônes au tableau des caractéristiques existant en se basant sur le texte. L’onglet dédié crée le tableau du module et associe les caractéristiques par ID, sans remplacer le tableau natif.

Infobulle sur le nom et sur la valeur

Deux interrupteurs indépendants déterminent si vous expliquez le nom du paramètre, sa valeur ou les deux. Pour chaque icône, vous choisissez la position.

Titre de l’onglet

Donne un nom à l’onglet produit supplémentaire. Il n’est pas utilisé dans le mode qui accroche les icônes via JS.

02 / Comportement et contenu

Comportement et contenu

Déclenchement de l’infobulle

Vous choisissez la façon dont l’infobulle s’ouvre. Sur les appareils tactiles, l’ouverture se fait par un clic.

Fermeture automatique sur téléphone

Définit la durée d’affichage de l’infobulle en secondes. La valeur 0 désactive la minuterie ; l’infobulle peut être fermée en touchant en dehors d’elle.

Largeur maximale et HTML

La largeur limite la taille de l’infobulle. Un interrupteur distinct autorise la mise en forme HTML ; une fois désactivé, les descriptions sont présentées en texte simple.

03 / Apparence de l’infobulle

Apparence de l’infobulle

Caractère de l’icône, taille et padding

Le caractère, par exemple i ou ?, est indépendant des bibliothèques d’icônes du thème. La taille fixe la dimension du caractère et le padding augmente l’espace autour de lui.

Couleurs de l’infobulle et de l’icône

Vous choisissez séparément le fond de l’infobulle, son texte, le fond de l’icône et la couleur du caractère.

Arrondi et bordure

Vous définissez la forme des angles ainsi que l’épaisseur, le style et la couleur du cadre. Une épaisseur de 0 supprime la bordure.