[RÉGLÉ] Déplier affichage des détails d'un article

[Pacha07130]

Bonjour
Sur Joomla 3 on peut afficher les détails d'un article en cliquant sur le + à côté de "Détails" en haut de l'article. Sur Joomla 4 je n'arrive pas à obtenir le même fonctionnement, les détails s'affichent d'office. Je n'arrive pas à obtenir ce fonctionnement en déplier/plier.
Merci pour votre aide

[pmleconte]

Bonjour,

Sauf erreur de ma part, il ne s'agit pas d'un fonctionnement standard.

Quel template utilisiez-vous en Joomla 3 ?

Je pense qu'il a une surcharge expliquant ce comportement, le répertoire templates/<nom du template>/html/com_content doit contenir des fichiers de type php.

Pascal

[Pacha07130]

Bonjour
Merci pour la réponse.
Sur mon site actuellement en Joomla3 j'utilise le template LessAllrounder (mon site est visible ici https://charra.net)
Il y a un modules.php sous templates/lessallrounder/html (pas de com_content)
Je teste actuellement sa migration en Joomla4 sur un site de test avec le template Cassiopea.
S'il n'y a pas de solution je vais masquer au moins en partie les détails.

[pmleconte]

En cherchant un peu, j'ai trouvé un fichier templates/lessalrounder/js/effect.js qui gère l'affichage ou non du détail (en ligne 37 et suivantes).

Donc, c'est bien dans le template et je pense qu'il est facile à implémenter sur d'autres templates.

Pascal

[Pacha07130]

Merci bien pour cette piste !

[pmleconte]

En Joomla 4 ou 5, si vous utilisez Cassiopeia, vous pouvez ajouter un fichier user.js dans le répertoire media/templates/site/cassiopeia/js qui contiendra :

document.addEventListener('DOMContentLoaded', function() {
// Article Details
var dd = document.querySelectorAll('.article-info dd');
dd.forEach(function (undd) {
  undd.style.display = "none";
});// end of foreach
info = document.querySelector('.article-info-term');
info.addEventListener('click',function() {
     dd.forEach(function (x) {
        if (x.style.display === "none") {
            x.style.display = "block";
        } else {
          x.style.display = "none";
        }
     });// end of foreach
})// end of click
}) // end of DOMContentLoaded​

Pascal

[pmleconte]

Je viens de modifier un peu le script pour qu'il fonctionne aussi en mode blog (plusieurs articles) :

document.addEventListener('DOMContentLoaded', function() {
    // Article Details
var dd = document.querySelectorAll('.article-info dd');
dd.forEach(function (undd) {
  undd.style.display = "none";
});
infos = document.querySelectorAll('.article-info-term');
infos.forEach( function (info) {
    info.addEventListener('click',function() {
        dd.forEach(function (x) {
            if (x.style.display === "none") {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
        }); // end of dd.forEach
    }); // end of info addEventListener
}) // end of infos.forEach

})​

Pascal

[Pacha07130]

Bonjour
Merci de creuser le problème pour moi!
J'ai mis le fichier user.ss mais apparemment ça ne fonctionne pas. J'ai du oublier quelque chose. Voir l'image jointe.

[Pacha07130]

Si en fait ça marche nickel. Sûrement des problème de cache (que pourtant j'avais bien effacés sur Joomla, mais peut-être au niveau du serveur OVH).
En tout cas merci beaucoup !