Image d'intro : code pour une surcharge

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Image d'intro : code pour une surcharge

    Salut

    J'ai fait une surcharge du module Derniers articles (le voir sur une installation de test). Pour ça j'ai suivis le tuto de Christian Bardin. Je voudrais mettre l'image d'intro des articles mais elle ne s'affiche pas. Dans le tuto il dit d'utiliser ces code :
    Code PHP:
    <?php
          $article_images  
    json_decode($item->images);
          
    $article_image   '';
          
    $article_image_alt   '';
          if(isset(
    $article_images->image_intro) && !empty($article_images->image_intro)) {
          
    $article_image  $article_images->image_intro;
          
    $article_image_alt  $article_images->image_intro_alt;
     }
    ?>
    Code PHP:
    <p class="image-jday">
              <a href="<?php echo $item->link?>">
                <img src="<?php echo $article_image?>" alt="<?php echo $article_image_alt?>" >
              </a>
            </p>

    Pour ce dernier j'ai remplacer la balise P par DIV. J'ai également personnalisé les class.

    L'image n'apparaissant pas je me suis dit que c’était le code pour quant on met une image d'intro de l'onglet Images et liens. J'ai fait un test et c'est ça. Hors moi je n'utilise pas cette méthode. Je met le code pour l'image directement dans le HTML :

    Code HTML:
    <figure class="actu-science-01-DATE">
        <img src="images/actualite/2018/DATE-actu-science-01.jpg" alt="TEXTE" />
        <figcaption><span class="source-img">TITRE</span></figcaption>
    </figure>
    Comment je peux faire pour appeler cette image ?

    Joomla 3.8.12

  • #2
    Bonjour,
    Regarde peut être ce fil (en anglais) d'une personne ayant posé la même question : https://joomla.stackexchange.com/que...-for-opengraph

    Cordialement,
    Chabi01 - http://www.xlformation.com

    Commentaire


    • #3
      Merci pour le lien . N’étant pas anglophone j'ai fait traduire par GG. Il faudrait donc que j'utilise

      Code PHP:

      $image 
      $images->item(0)->getAttribute('src'); 

      pour appeler la première image, puis

      Code PHP:

      $doc 
      JFactory::getDocument();
      $doc->addCustomTag'
         <meta name="og:image" content="'
      .$image.'">
      '
      ); 

      Mais je vois pas trop où les mettre (je suis un gros nul en PHP). J'ai essayé un truc par déduction et en comparant avec le code déjà présent. J'ai remplacé :

      Code PHP:
      <?php
            $article_images  
      json_decode($item->images);
            
      $article_image   '';
            
      $article_image_alt   '';
            if(isset(
      $article_images->image_intro) && !empty($article_images->image_intro)) {
            
      $article_image  $article_images->image_intro;
            
      $article_image_alt  $article_images->image_intro_alt;
       }
      ?>

      par

      Code PHP:
      <?php
      $doc 
      JFactory::getDocument();
      $doc->addCustomTag'<meta name="og:image" content="'.$image.'">');
      $image $images->item(0)->getAttribute('src');
      ?>

      et

      Code HTML:
      <p class="image-jday">
      <a href="<?php echo $item->link; ?>">
      <img src="<?php echo $article_image; ?>" alt="<?php echo $article_image_alt; ?>" >
      </a>
      </p>

      par

      Code HTML:
      <p class="image-jday">
      <a href="<?php echo $item->link; ?>">
      <img src="<?php echo $image; ?>" alt="<?php echo $image_alt; ?>" >
      </a>
      </p>

      Mais ça ne marche pas.

      Commentaire


      • #4
        Bonjour,
        Je n'ai pas fait le test moi-même.

        Tu peux mettre une copie de ton fichier modifié en pièce jointe en indiquant où tu as mis ce fichier ?
        Cordialement,
        Chabi01 - http://www.xlformation.com

        Commentaire


        • #5
          Code:
          <?php
                $article_images  = json_decode($item->images);
                $article_image   = '';
                $article_image_alt   = '';
                if(isset($article_images->image_intro) && !empty($article_images->image_intro)) {
                $article_image  = $article_images->image_intro;
                $article_image_alt  = $article_images->image_intro_alt;
           }?>
          bonjour, une petite question :
          est ce que ce code est dans une boucle foreach ?

          Commentaire


          • #6
            Chabi01 :

            Voici le fichier en piece jointe et il est dans \templates\shaper_helix3\html\mod_articles_latest.

            lefabbdu51 :

            Juste au dessus de mon code il a cette ligne :

            Code PHP:
            <?php foreach ($list as $item) :  ?>
            Je suis une bille en PHP, mais je dirais que non. Mais tu le mieux c'est que tu voie directement dans le fichier en pièce jointe.
            Fichiers joints

            Commentaire


            • #7
              je viens de tester ton code sur mon site et celui est fonctionel.
              J ai bien les images d'intro en plus du titre.

              Donc verifies avec firebug ce qui apparait au niveau html... tu auras surement la solution.
              Est ce que la balise a et la balise img apparraissent mais sont invisible????

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X