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

[chico008]

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 ?

[RobertG]

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 :

Dans mon test, cette image d'intro s'affiche avec l'article complet. Je n'ai pas cherché à n'afficher que la partie "suite".

[chico008]

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

[RobertG]

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

[chico008]

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.

[RobertG]

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

[chico008]

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

[RobertG]

Tu enregistres ton article, éventuellement non publié, et tu récupères ensuite son adresse avec JCE pour l'associer à l'image.

[jeejeeboy]

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

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