affichage d’un slider

[benoah]

Bonjour,


Je reviens avec plaisir à Joomla que j’avais quitté depuis plusieurs années : )


...avec un souci concernant l’affichage d’un slider créé avec un module J51_LayerSlideshow faisant partie du template Jasmin Joomla 51

j’ai suivi le tuto https://joomla51.com/tutorials/jooml...ideshow-module

et j’ai intégré le slider dans un article pour tester mais il ne s’affiche pas, seules les flèches de défilement apparaissent.

Certainement oublié un paramètre... quelqu’un pourrait-il me rafraîchir la mémoire ?

La version est Joomla! 3.9.24

[Tortue Genial 69]

as-tu des erreurs dans la console développeur de ton navigateur ?

[benoah]

merci Tortue Genial 69, en effet voici les principaux problèmes indiqués, mais je ne sais pas ce qu'ils demandent pour la correction dans Joomla :

owl.carousel.min.js:6 Uncaught TypeError: Cannot read property 'fn' of undefined
at owl.carousel.min.js:6
at owl.carousel.min.js:6

[Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://fonts.gstatic.com/s/raleway/...PNyC0ITw.woff2

Uncaught TypeError: jQuery(...).owlCarousel is not a function
at HTMLDocument.<anonymous> (accueil-test:446)
at u (jquery.min.js?629cac292b0b46329bd004253c6125d4:2)
at Object.fireWith [as resolveWith] (jquery.min.js?629cac292b0b46329bd004253c6125d4:2)
at Function.ready (jquery.min.js?629cac292b0b46329bd004253c6125d4:2)
at HTMLDocument._ (jquery.min.js?629cac292b0b46329bd004253c6125d4:2)

[Tortue Genial 69]

essaye de le publier sur une page neutre ou il n'a rien pour voir.
as-tu bien installé et paramétré le module?

[benoah]

C'est publié sur une page où il n'y a rien d'autre pour tester : https://hannahsante.fr/fr/contact-et...s/accueil-test
Normalement j'ai installé et paramétré le module comme indiqué dans le tuto, ma question est en effet : "ai je bien installé et paramétré le module ?"

[RobertG]

Bonjour,

il faut chercher pourquoi la classe .owl-carousel est en display:none

[Tortue Genial 69]

effectivement, quand on met ceci comme code :

.owl-carousel {
display: block;
width: 100%;
z-index: 1;
}

Le slide s'affiche.
Tu dois avoir un bout de CSS qui traine qui cause ce soucis.
au pire, même si c'est pas idéal, si tu ne trouve pas la cause tu peux surcharger cette classe dans un fichier custom.css en mettant :

.owl-carousel {
display: block !important;
width: 100%;
z-index: 1;}

après les erreurs dans la console sont pas normales.
deja la il trouve pas la ressource :

https://hannahsante.fr/fr/templates/...lax.min.js.map

Sinon, si tu y passes trop de temps, change d'extension pour gérer tes slideshow...il y a bien mieux au passage