Pop-up d'information sur option

  • Posts: 236
  • Thank you received: 14
  • Hikashop Business
3 weeks 13 hours ago #368163

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,


Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 84243
  • Thank you received: 13689
  • MODERATOR
3 weeks 11 hours ago #368164

Bonjour,

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

Please Log in or Create an account to join the conversation.

  • Posts: 236
  • Thank you received: 14
  • Hikashop Business
3 weeks 10 hours ago #368167

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.



Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 1
  • Thank you received: 0
3 weeks 9 hours ago #368168

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


Expert HikaShop Developer | S: deepvyas71 | E: This email address is being protected from spambots. You need JavaScript enabled to view it.

Please Log in or Create an account to join the conversation.

  • Posts: 84243
  • Thank you received: 13689
  • MODERATOR
3 weeks 6 hours ago #368170

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:

		if(!empty($optionInfo->product_description)) {
			$description = $this->escape(html_entity_decode(strip_tags(JHTML::_('content.prepare',$optionInfo->product_description)), ENT_NOQUOTES | ENT_HTML401, 'UTF-8'));
			$options = '<span class="hikashop_option_info" title="' . $description . '" alt="Information"></span>';
		}
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 ?

Please Log in or Create an account to join the conversation.

  • Posts: 236
  • Thank you received: 14
  • Hikashop Business
3 weeks 6 hours ago #368172

Please Log in or Create an account to join the conversation.

  • Posts: 84243
  • Thank you received: 13689
  • MODERATOR
3 weeks 1 hour ago #368174

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:

span.hikashop_option_info {
	background-image: url('../images/info.png');
	display: inline-block;
	height: 13px;
	width: 12px;
	margin-left: 5px;
}
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.

Please Log in or Create an account to join the conversation.

  • Posts: 236
  • Thank you received: 14
  • Hikashop Business
3 weeks 1 hour ago #368180

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,

Please Log in or Create an account to join the conversation.

  • Posts: 84243
  • Thank you received: 13689
  • MODERATOR
2 weeks 6 days ago #368181

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/

The following user(s) said Thank You: theomartin

Please Log in or Create an account to join the conversation.

  • Posts: 236
  • Thank you received: 14
  • Hikashop Business
2 weeks 6 days ago #368184

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

Please Log in or Create an account to join the conversation.

Time to create page: 0.089 seconds
Powered by Kunena Forum