Caractéristique "en cours"

  • Posts: 261
  • Thank you received: 4
9 years 5 months ago #177603

-- 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

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

  • Posts: 12953
  • Thank you received: 1778
9 years 5 months ago #177609

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.

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

  • Posts: 261
  • Thank you received: 4
9 years 5 months ago #177704

Bonsoir Mohamed,

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



Voici ce que je souhaiterais :




Merci d'avance.

Attachments:
Last edit: 9 years 5 months ago by djiben.

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

  • Posts: 26000
  • Thank you received: 4004
  • MODERATOR
9 years 5 months ago #177710

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,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 261
  • Thank you received: 4
9 years 5 months ago #177772

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.

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

  • Posts: 81481
  • Thank you received: 13062
  • MODERATOR
9 years 5 months ago #177776

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é:

jQuery('.radio').css( "border", "1px solid black;" );
jQuery(obj.id+'-lbl').css( "border", "1px solid green;" );

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

  • Posts: 261
  • Thank you received: 4
9 years 5 months ago #177795

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.

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

  • Posts: 81481
  • Thank you received: 13062
  • MODERATOR
9 years 5 months ago #177817

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.

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

  • Posts: 261
  • Thank you received: 4
9 years 4 months ago #182856

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.

         $(document).ready(function () {
    	$('input').click(function () {
        $('input:not(:checked)').parent().removeClass("style1");
        $('input:checked').parent().addClass("style1");
    });    
});

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

Merci d'avance

Last edit: 9 years 4 months ago by djiben.

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

  • Posts: 13201
  • Thank you received: 2322
9 years 4 months ago #182874

Bonjour,

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

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

  • Posts: 261
  • Thank you received: 4
9 years 4 months ago #183003

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

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

Time to create page: 0.109 seconds
Powered by Kunena Forum