Pop-up d'information sur option

Bonjour,
J'aimerais ajouter une pop-up d'information sur une option d'un de mes produits comme sur le site de démonstration d'Hikashop (Voir capture)
Comment fait-on ?
Cordialement,

Bonjour,

Remplissez la description du produit qui est à la base de cette option et cela apparaîtra automatiquement.

Bonjour,
J'ai ajouté une description dans la fiche produit de l'option (fiche général et dans chacune des variantes) et toujours rien.

Inspectez le navigateur pour vérifier si CSS bloque la fenêtre contextuelle

Bonjour,

Je ne vois pas de raison évidente qui ferait que le (i) n'apparaisse pas.
C'est géré dans la vue product / option avec le code: Soit il y a un override de la vue sans ce code, ou avec des modifications faisant que le code n'est pas déclenché, soit il y a du CSS qui cache le span avec un display:none; sur la classe hikashop_option_info.
Ou alors peut être un cache des pages qui vous empêcherait de voir le changement ?
Auriez-vous l'URL de la page en question ?

Bonjour,
Par exemple, cette page :
www.ascent-wheels.fr/roues-artisanales-h...e-mount-tubular.html
Cordialement,

Bonjour,

C'est en effet un problème de CSS.
Dans media/com_hikashop/css/frontend_default.css, il y a ce CSS qui permet l'affichage de l'icône: Vous avez réalisé un override de ce fichier avec le fichier media/com_hikashop/css/frontend_ascent.css
Or, ce fichier ne contient pas ce CSS et donc le span n'apparaît pas même si l'HTML est bien présent sur votre page.

Bonjour,
Mea culpa... J'ai créé ce site il y a plusieurs années et je ne me souvenais pas avoir créé un overide sans recopier l'intégralité du code css avant modifications comme je le fais d'habitude.
Cela fonctionne ! Merci beaucoup.
Deux dernières questions :
Est-il possible d'insérer une image dans la description ?
Quel est le span pour modifier le css d'affichage de la description (texte plus gros, paddiing, etc) ?
Cordialement,

Bonjour,

Vous avez surement recopier l'intégralité du code CSS de HikaShop à l'époque. Sauf que le CSS à beaucoup évolué depuis.
Idéalement, plutôt que de faire un override de frontend_default, il aurait était préférable de garder le CSS par défaut et de rajouter votre CSS personnalisé dans le template (généralement, les développeurs de template fournissent un moyen de faire cela, via un fichier custom.css, ou une interface dans le backend). Ainsi, vous auriez eu les mises à jour de CSS d'HikaShop, tout en conservant vos modifications. Pour de futurs sites, c'est l'approche que je vous recommande.

Vous pouvez mettre une image dans la description des produits, ce n'est pas un problème. Cependant, la popup d'information utilise le système du navigateur pour l'affichage de cette popup, et cela ne supporte que le texte. Donc l'image sera automatiquement supprimée lors de la génération de l'HTML.
Notez que la prochaine version d'HikaShop devrait normalement inclure une nouvelle amélioration qui permettra l'affichage d'une miniature de l'image principale du produit utilisé en option à gauche du nom de l'option sur la page du produit principal.

Si vous spécifiez du CSS pour le span, le alt devrait en parti reprendre le CSS du span d'après:
piccalil.li/blog/you-can-style-alt-text-like-any-other-text/

Bonjour,
Merci pour toutes ces précisions.
Cordialement,