Caractéristique "en cours"

-- url of the page with the problem -- : modashoes.mateva.fr/index.php/chaussures...duct/2-escarpin-gold

Bonjour,

J'ai modifié la disposition des caractéristiques, tout d'abord, j'ai mis dans la configuration générale bouton radio en méthode de sélection des caractéristiques. Puis un peu de css pour arriver à mes fins.

Le problème est que maintenant la cliente me demande que la pointure sélectionnée soit visible comme au survol de celle-ci (hover).
C'est visiblement impossible avec du css, pouvez-vous me conseiller quelque chose svp ?

Merci d'avance

Bonjour,
Qu'entendez vous exactement par :

la pointure sélectionnée soit visible comme au survol de celle-ci (hover)

Faites vous référence au survol de l'image de la variante ? Pouvez vous me donner plus d'information via quelques capture d'écran par exemple ? Merci.

Bonsoir Mohamed,

Quand l'internaute clique sur 38 voici ce qu'on obtient :



Voici ce que je souhaiterais :




Merci d'avance.

Bonjour,

Vu que vous avez déjà fait de l'override, je vous recommande de rajouter un peu de javascript afin d'appliquer une class CSS sur le label (le parentNode de l'input), cela pourra vous simplifier le tout pour le reste.

Cordialement,

Bonjour Jérôme,
Malheureusement cela dépasse mes compétences, pourrais-tu détailler un peu plus ta réponse stp ? Que je sache par ou commencer à chercher.
Merci d'avance.

Par exemple, en supposant que jQuery soit chargé sur la page, ce javascript au début de la fonction hikashopUpdateVariant(obj) définie dans administrator/components/com_hikashop/types/characteristic.php permettrait de changer la couleur du rectangle extérieur pour l'élément sélectionné:

Bonjour Nicolas et merci pour ce code.
J'ai du louper quelque chose car j'ai ce message d'erreur : Parse error: syntax error, unexpected '').css( "border", "1px solid b' (T_CONSTANT_ENCAPSED_STRING) in /homepages/1/d472994512/htdocs/modashoes/administrator/components/com_hikashop/types/characteristic.php on line 26

J'ai donc mis le code dans le fichier characteristic.php après la ligne 23 : function hikashopUpdateVariant(obj){
Pouvez-vous m'aider svp ?

Merci d'avance.

Cela indique que le code est interprété comme du PHP alors que ce devrait être du texte, ce qui n'est pas possible si vous l'avez mis just après function hikashopUpdateVariant(obj){ vu que function hikashopUpdateVariant(obj){ est aussi du texte.
Donc c'est un soucis dans la façon dont la modification a été faite.
Notez que ce code n'est pas du tout testé et il y a de forte chance qu'il ne marche pas dans l'état.
Ceci est cependant en dehors du support utilisateur donc à voir avec un développeur tiers pour aller plus loin.

Bonjour,

J'ai beau cherché mais j'y arrive pas avec la solution de Nicolas. En revanche, j'ai trouvé un bout de code javascript pour ajouter une class css aux boutons radio comme me l'a suggéré Jerome.

Pourriez-vous juste m'indiquer dans quel fichier je dois le placer ?

Merci d'avance

Bonjour,

Ceci peut potentiellement être directement ajouté dans le fichier index.php de votre template.

Merci Xavier, ça fonctionne parfaitement avec le fichier index.php du template.