Script JS selon ID d’un article WP

  • WordPress :5.2
  • Statut : non résolu
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #2293248
    Julie MFV
    Participant
    Initié WordPress
    17 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.0
    • Thème utilisé : Salient
    • Extensions en place :
    • Nom de l’hébergeur : OVH
    • Adresse du site :

    Problème(s) rencontré(s) :

    Bonjour,

    Comme le titre du sujet l’indique, j’ai intégré dans le fichier header.php de mon site WordPress un script js pour effectuer une action hide/show.

    Problématique : n’étant pas une experte js, j’ai intégré l’ID de l’article dans chaque script (ce qui n’est pas très dynamique et viable).

    <script>
    $(function(){
    $('article#4006 .affiche-clic').hide()
    $('article#4006 .moins').hide()
    $('article#4006 .triangle-code-moins').hide()
    });
    $(function(){
    $('article#4006 div.infos-offres a.clic-plus').click(function(){
    $('article#4006 div.infos-offres div.affiche-clic').show()
    $('article#4006 .moins').show()
    $('article#4006 .plus').hide()
    $('article#4006 .triangle-code').hide()
    $('article#4006 .triangle-code-moins').show()
    });
    });
    $(function(){
    $('article#4006 div.infos-offres a.clic-moins').click(function(){
    $('article#4006 div.infos-offres div.affiche-clic').hide()
    $('article#4006 .plus').show()
    $('article#4006 .triangle-code').show()
    $('article#4006 .triangle-code-moins').hide()
    $('article#4006 a.clic-moins').hide()
    });
    });
    $(function(){
    $('article#4006 .triangle-code-moins').click(function(){
    $('article#4006 div.infos-offres div.affiche-clic').hide()
    $('article#4006 .plus').show()
    $('article#4006 .triangle-code').show()
    $('article#4006 .triangle-code-moins').hide()
    $('article#4006 a.clic-moins').hide()
    });
    });
    </script>

    Quelqu’un aurait-il le morceau de code qui va bien ?

    Merci d’avance.

    #2293360
    ferman
    Participant
    Maître WordPress
    1737 contributions

    Bonjour,

    Pour que ce soit dynamique, vous pourriez peut-être essayer de  récupérer l’ID de l’article sur lequel vous êtes en  utilisant le petit bout de code suivant  à placer dans le header:

    <?php $article_id = get_the_id();?>

    et utiliser le principe décrit ici qui permet de passer simplement une variable php à js. Sans garantie: je ne suis pas non plus expert en js.

     

    • Cette réponse a été modifiée le il y a 1 semaine et 2 jours par ferman.
2 sujets de 1 à 2 (sur un total de 2)
  • Vous devez être connecté pour répondre à ce sujet.