Topmenu : garder le style du "hover" quand la page est sélectionnée

[Sda33]

Bonjour,

Malgré beaucoup de recherches, autant en ligne dans les forums que derrière mon PC le nez dans le code, je ne trouve pas comment faire en sorte que lorsque je clique sur un lien de mon menu haut (celui par défaut de Presta) le lien en question dans le menu conserve le style du "hover".

Cela fonctionne bien par défaut lorsque c'est un lien vers les catégories, mais dès que c'est un lien CMS, ou même le lien vers les nouveaux produits ou la page contact, cela ne fonctionne plus.

J'ai bien identifié la classe "sfHover" mais où, quand et comment l'ajouter pour la page en cours ?

J'ai épluché les pages .js, .css, .php et .tpl du module blocktopmenu, je cale complet.

Merci de votre aide si vous avez rencontré le même problème, et trouvé une solution

 

Prestashop 1.6.1.24

Thème par défaut

 

[Ariane Web et Plus]

Bonjour,

 

Peux-tu me donner l'url de ton site pour que je regarde et te donne la bonne ligne de CSS à écrire.

 

[Sda33]

Bonjour Ariane, nous sommes en pre prod en ce moment, je ne peux pas donner accès de l'extérieur.

Mais c'est un thème enfant du thème par défaut, développé maison, et le menu est très classique. Je ne sais pas comment, ou à quel moment, faire passer le 

class="sfHoverForce"

sur le <li> de l'entrée du menu correspondant à la page active.

Si vous avez la possibilité de m'expliquer, je comprends normalement vite

Merci beaucoup !

[Ariane Web et Plus]

Bonjour quelle version de presta ?

 

[Sda33]

C'est la 1.6.1.24.

Merci.

Edited March 16, 2023 by Sda33 (see edit history)

[Ariane Web et Plus]

la class="sfHoverForce" s'active quand le lien est active (c'est du JS)

à la ligne .sf-menu > li > a:hover

Vous rajoutez , .sf-menu > li.sfHoverForce > a

Comme ca il y a le même style pour les deux.

Il me semblait que par défaut c'était comme ca.

Edited March 16, 2023 by Ariane Web et Plus (see edit history)

[Sda33]

En effet j'ai bien cette ligne dans le css du module, mais cela ne fonctionne que pour le lien qui renvoie sur une catégorie du catalogue.

Sur les autres, qu'il s'agisse d'un lien vers les nouveautés comme vers une page CMS, le hover fonctionne (au survol de la souris donc) mais le style ne reste pas une fois le lien cliqué, quand on est sur la page en question.

J'ai cherché sans succès dans les .js du module, ainsi que dans la classe... 

C'est un problème d'origine, je le vois même sur cette boutique de demo : http://prestashop-demo.inno-mods.io/v.1.6/

Quand on clique sur "FAQ" l'élément du menu <li> ne reste pas en noir.

 

[Sda33]

Ok après tests ça fonctionne avec lien sélectionné dans le CMS, mais pas avec lien ajouté en bas de la page de config même si c'est un lien vers une page CMS (on fait ça pour renommer l'entrée de menu) ni avec une autre page comme contact ou nouveautés.

J'ai trouvé où était le problème, blocktopmenu.php, je devrais réussir à le remonter et le régler.

Merci pour votre temps Ariane