J5 - Cassiopeia - image de l'article en tant que liens vers ce dernier

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

  • J5 - Cassiopeia - image de l'article en tant que liens vers ce dernier

    Bonjour

    Sur l'intranet que je suis en train de refaire,
    j'ai inserer un module d'article en mode Flash information.
    avec juste l'affiche du dernier article d'une categorie donnée.

    Cependant, je n'arrive pas a faire que l'image d'inroduction de l'article, soit clicable pour aller sur l'article complet.

    Coté Article
    dans l'article en lui meme, partie Contenue je met l'image puis le texte.
    dans l'onglet image et liens, je remet la meme image en image de l'introduction.

    par contre au niveau du parametrage du module, j'ai un peu de mal.
    soit j'affiche l'intro de l'article, mais j'ai l'image et une partie du texte
    soit j'affiche l'image d'intro, qui s'affiche sans le texte, mais du coup impossible de cliquer dessus.

    Comment faire pour avoir l'image d'intro de l'article uniquement, mais qu'en cliquant dessus, ca me dirige vers l'article complet ?

  • #2
    Bonjour,

    Dans ce cas, j'essaierais de définir une image d'intro (dans le texte seulement) avec lien vers l'article, un lien "lire la suite" et le texte de l'article après, le module étant défini ainsi :
    Cliquez sur l'image pour l'afficher en taille normale

Nom : image.png 
Affichages : 64 
Taille : 28,5 Ko 
ID : 2062742
    Dans mon test, cette image d'intro s'affiche avec l'article complet. Je n'ai pas cherché à n'afficher que la partie "suite".​
    "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
    MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

    Commentaire


    • #3
      Je suis pas sur de comprendre.
      Comment tu parametre ton module
      et ensuite comment tu redige ton article, pour que l'image soit cliquable et ouvre l'article complet ?

      Car mon module est parametrer comme ton screen.
      mon artible comprend une image, un separateur lire la suite
      et la suite de l'article.

      par contre en frontal, j'ai mon image, le liens lire la suite.
      ce que j'aimerais, c'est avoir l'image, mais qui soit cliquable directement pour acceder a l'article, sans
      Dernière édition par chico008 à 10/06/2024, 14h45

      Commentaire


      • #4
        Je mets l'image d'intro sur laquelle j'insère un lien vers l'article, je place le "lire la suite" juste après l'image puis le corps de l'article. Dans le module Flash news (avec ces paramètres), l'image d'intro s'affiche et mène à l'article lui-même.
        L'image d'intro n'est que dans le texte, pas dans la partie images et liens
        "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
        MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

        Commentaire


        • #5
          Ca doit venir de mon editeur alors
          car j'utilise JCE pour l'editeur d'article.

          pas de soucis pour mettre un liens sur une image avec, par contre je ne voit pas comment retrouver le liens vers l'article justement.

          Commentaire


          • #6
            Je l'utilise aussi : le lien sur l'image est fait avec JCE sur le titre de l'article, et ça fonctionne.
            Je te donne en MP l'adresse du site de test.

            PS : en revanche, ce que je ne comprends pas c'est que malgré un lien de type blog sur la catégorie de l'article, l'ouverture de celui-ci depuis le module se fait en page d'accueil et pas comme lorsqu'on affiche depuis la page "blog".
            Dernière édition par RobertG à 11/06/2024, 16h19
            "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
            MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

            Commentaire


            • #7
              En fait je me demande surtout, comment tu peut recuperer le liens de l'article alors que t'es en train de le rediger
              car a terme c'est des utilisateurs, qui n'y connaissent pas grand chose, qui vont s'en occuper.
              donc faire une doc pour mettre un liens sur une image pas de soucis, mais il faudrait savoir comment recuperer le liens de l'article, qu'ils sont en train de rediger, pour le mettre sur l'image

              Commentaire


              • #8
                Tu enregistres ton article, éventuellement non publié, et tu récupères ensuite son adresse avec JCE pour l'associer à l'image.
                "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
                MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

                Commentaire


                • #9
                  Si je résume le besoin :
                  • Tout utilisateur (même novice) peut créer un article contenant une image qu'il sélectionne dans l'onglet "Images et liens".
                  • Un module doit reprendre l'image du dernier article publié (ou modifié) et proposer un lien cliquable permettant d'afficher tout le contenu de cet article
                  Il existe un moyen de faire cela, sans rien avoir à paramétrer : Utiliser UP (comme souvent...)
                  • Créer un module "Personnalisé", qui s'appelle "Dernier article publié", par exemple.
                  • Bien penser à mettre "Plugins de contenu" sur "Oui" dans les paramètres.
                  • Mettre comme texte du module le code UP qui va aller chercher dans la table 'content' le dernier article modifié, récupérer son alias, chercher dans 'categories' l'alias de la catégorie de cet article et ainsi recréer le lien URL permettant d'afficher cet article. Dans le code UP, on peut régler finement les détails de l'affichage que l'on souhaite.
                  Le code :

                  {up sql=content AS cont | order=modified DESC | setlimit=1 | select=cont.images AS images, cont.alias AS artic, cat.alias AS categ | leftjoin=#__categories AS cat ON cont.catid=cat.id | template=[div class="bd-bleu ombreMax" style="border-radius:15px"][p][img src="##images.image_intro##" style="border-radius:10px;margin:10px;width:90%"][/p][p][a class="btn btn-outline-dark" href="##categ##/##artic##"]Lire la suite[/a][/p][/div] | presentation=div | main-class=tc}

                  Petite explication si il faut :
                  • On récupère dans 'content', par ordre décroissant du champ 'modified', un seul article. Comme ça, on a le dernier modifié.
                  • Le 'select' et le 'leftjoin' permettent de récupérer le champ images (dont on extrait l'emplacement), et les deux champs alias de l'article et de la catégorie.
                  • Les options de style de l'image peuvent être paramétrées finement. J'ai mis une marge à l'image, des bords arrondis et une petite réduction de sa taille dans la div.
                  • Le 'template' présente la façon dont l'information sera affichée. Ombrage, bords arrondis, tout peut être modifié. Idem pour l'image, ça reste une affaire de goût...
                  • Enfin, j'ai choisi de mettre un bouton "lire la suite", mais on pourrait laisser l'image elle-même servir de lien, auquel cas la balise <a href...> doit être introduite avant la balise <img> et on enlève le bouton.
                  Comme toujours avec UP, on peut essayer, et arriver exactement à ce que l'on souhaite.

                  Une image du résultat (puisqu'il s'agit de UP, Dumbledore semblait tout indiqué...) :
                  Cliquez sur l'image pour l'afficher en taille normale  Nom : dernier_article.png  Affichages : 24  Taille : 51,4 Ko  ID : 2062789
                  Le code, si on préfère ajouter le titre et mettre le lien sur le titre et l'image, sans ajouter de bouton :

                  {up sql=content AS cont | order=modified DESC | setlimit=1 | select=cont.images AS images, cont.alias AS artic, cat.alias AS categ, cont.title AS titre | leftjoin=#__categories AS cat ON cont.catid=cat.id | template=[div class="bd-bleu ombreMax" style="border-radius:15px"][a style="text-decoration:none" href="index.php/##categ##/##artic##"][p][h5]##titre##[/h5][/p][p][img src="##images.image_intro##" style="border-radius:10px;margin:10px;width:90%"][/p][/a][/div] | presentation=div | main-class=tc}

                  On pourrait aussi afficher les 4 derniers articles modifiés, avec flexauto : 4 vignettes sur une ligne sur ordinateur, 2 lignes de 2 vignettes sur tablette et 4 lignes sur mobile :

                  {up flexauto=4 | tablet=2 | mobile=1 | class=fg-gap}{up sql=content AS cont | order=modified DESC | setlimit=4 | select=cont.images AS images, cont.alias AS artic, cat.alias AS categ, cont.title AS titre | leftjoin=#__categories AS cat ON cont.catid=cat.id | template=[div class="bd-bleu ombreMax" style="border-radius:15px"][a style="text-decoration:none" href="index.php/##categ##/##artic##"][h5 align="center"]##titre##[/h5][p][img src="##images.image_intro##" style="border-radius:10px;margin:10px;width:90%"][/p][p align="center"][/a][/p][/div] | presentation=0}{/up flexauto}

                  Bref, ne pas hésiter à faire un tour sur la page de démo de toutes les actions possibles avec UP
                  Dernière édition par jeejeeboy à 14/06/2024, 07h29

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X