Conversation
supportHello depuis mise a jour tout mes caroussel horizontal sont hs et cela fais planter tout le site … The page I need help with: [ log in to see the link]
@alcbfoto Bonjour j’ai regardé et j’ai remarqué que dans certains endroits le carousel est configuré pour glisser verticalement, et ailleurs il y a des transformations CSS personnalisées appliquées au wrapper Swiper. Le bloc carousel est basé sur Swiper, qui s’attend à contrôler entièrement les valeurs de transformation sur l’élément .swiper-wrapper . Lorsque d’autres transformations sont appliquées (par exemple transform: translate ou d’autres règles CSS), cela interfère avec la façon dont Swiper calcule les positions et les déplacements des slides. De la même manière, forcer un défilement vertical alors que le composant est conçu pour fonctionner horizontalement peut provoquer des problèmes. Ces deux choses peuvent perturber les calculs internes de Swiper et entraîner des problèmes d’affichage, voire des plantages lorsque le script tente de mettre à jour les positions des slides. D’après ce que je vois, cela ressemble davantage à un problème de CSS plutôt qu’à un problème du plugin lui-même. Pour le moment, je vous recommande de revenir temporairement à une version précédente du plugin pendant que j’examine cela plus en détail : https://wordpress.org/plugins/carousel-block/advanced/ Je recommande d’utiliser la version 2.0.8. N’hésitez pas à me dire si le problème persiste après le rollback. Cela me donnera plus de temps pour investiguer correctement et inclure un correctif dans une prochaine version si nécessaire.
Merci beaucoup pour votre retour , c’est redevenu à la normal du coup pour mon site 🙂
@alcbfoto Super ! Juste pour confirmer : avez-vous fait le rollback vers la version 2.0.8 du plugin, ou avez-vous modifié du CSS sur votre site ? Cela m’aidera à mieux comprendre ce qui a résolu le problème.
J’ai fait le rollback vers la version 2.0.8 du plugin malheureusement je ne sais pas ce qui bloque sur le CSS . Merci beaucoup pour vos retours et votre réactivité en espérant que de prochaine mise a jour refonctionne 🙂
@alcbfoto J’ai testé cela localement avec un thème propre et la dernière version du plugin carousel. Comme votre configuration utilise un script JavaScript personnalisé qui modifie le comportement du slider après son initialisation afin de forcer un défilement vertical, j’ai également inclus ce même script lors de la reproduction de votre configuration. En utilisant la même structure HTML du slider et le même script personnalisé provenant de votre site, le slider s’est comporté de la même manière avec la dernière version du plugin que sur votre site en ligne. Pour cette raison, le problème ne semble pas provenir du bloc carousel lui-même ni de la mise à jour du plugin. Local example: https://www.loom.com/share/c0174ca45d494d9c9d1a9b752f11eb34 Cependant, sur votre site en ligne, j’ai remarqué que le slider se casse lorsque la fenêtre du navigateur est redimensionnée, ce qui suggère que quelque chose dans l’environnement du site (comme le CSS du thème, un réglage d’optimisation ou un autre script) pourrait interférer lorsque le slider met à jour sa mise en page. Le plugin a également été mis à jour avec des améliorations concernant la façon dont le carousel s’initialise et gère son cycle de vie, donc les scripts qui modifient le comportement du slider après son initialisation peuvent être moins fiables. La nouvelle version du plugin inclut aussi des options d’observation (observer) qui permettent au slider de réagir aux changements du DOM ou de la mise en page. Vous pouvez essayer d’activer ces options : https://www.carouselblock.com/docs?doc=settings Pour le moment, je recommande de rester sur la version 2.0.8 et de tester la dernière version dans un environnement de staging. À plus long terme, si vous souhaitez un défilement vertical, il serait préférable d’implémenter ce comportement séparément plutôt que de modifier le bloc carousel. Cela pourrait probablement être fait avec du CSS et un peu de JavaScript simple, et dans l’éditeur vous pourriez éventuellement construire la mise en page avec des blocs Colonnes. Si vous souhaitez continuer à utiliser une bibliothèque de slider, vous pouvez également regarder Swiper.js et créer une implémentation personnalisée où vous aurez un contrôle total sur le comportement.
@alcbfoto Bonjour j’ai regardé et j’ai remarqué que dans certains endroits le carousel est configuré pour glisser verticalement, et ailleurs il y a des transformations CSS personnalisées appliquées au wrapper Swiper. Le bloc carousel est basé sur Swiper, qui s’attend à contrôler entièrement les valeurs de transformation sur l’élément .swiper-wrapper . Lorsque d’autres transformations sont appliquées (par exemple transform: translate ou d’autres règles CSS), cela interfère avec la façon dont Swiper calcule les positions et les déplacements des slides. De la même manière, forcer un défilement vertical alors que le composant est conçu pour fonctionner horizontalement peut provoquer des problèmes. Ces deux choses peuvent perturber les calculs internes de Swiper et entraîner des problèmes d’affichage, voire des plantages lorsque le script tente de mettre à jour les positions des slides. D’après ce que je vois, cela ressemble davantage à un problème de CSS plutôt qu’à un problème du plugin lui-même. Pour le moment, je vous recommande de revenir temporairement à une version précédente du plugin pendant que j’examine cela plus en détail : https://wordpress.org/plugins/carousel-block/advanced/ Je recommande d’utiliser la version 2.0.8. N’hésitez pas à me dire si le problème persiste après le rollback. Cela me donnera plus de temps pour investiguer correctement et inclure un correctif dans une prochaine version si nécessaire.
Merci beaucoup pour votre retour , c’est redevenu à la normal du coup pour mon site 🙂
@alcbfoto Super ! Juste pour confirmer : avez-vous fait le rollback vers la version 2.0.8 du plugin, ou avez-vous modifié du CSS sur votre site ? Cela m’aidera à mieux comprendre ce qui a résolu le problème.
J’ai fait le rollback vers la version 2.0.8 du plugin malheureusement je ne sais pas ce qui bloque sur le CSS . Merci beaucoup pour vos retours et votre réactivité en espérant que de prochaine mise a jour refonctionne 🙂
@alcbfoto J’ai testé cela localement avec un thème propre et la dernière version du plugin carousel. Comme votre configuration utilise un script JavaScript personnalisé qui modifie le comportement du slider après son initialisation afin de forcer un défilement vertical, j’ai également inclus ce même script lors de la reproduction de votre configuration. En utilisant la même structure HTML du slider et le même script personnalisé provenant de votre site, le slider s’est comporté de la même manière avec la dernière version du plugin que sur votre site en ligne. Pour cette raison, le problème ne semble pas provenir du bloc carousel lui-même ni de la mise à jour du plugin. Local example: https://www.loom.com/share/c0174ca45d494d9c9d1a9b752f11eb34 Cependant, sur votre site en ligne, j’ai remarqué que le slider se casse lorsque la fenêtre du navigateur est redimensionnée, ce qui suggère que quelque chose dans l’environnement du site (comme le CSS du thème, un réglage d’optimisation ou un autre script) pourrait interférer lorsque le slider met à jour sa mise en page. Le plugin a également été mis à jour avec des améliorations concernant la façon dont le carousel s’initialise et gère son cycle de vie, donc les scripts qui modifient le comportement du slider après son initialisation peuvent être moins fiables. La nouvelle version du plugin inclut aussi des options d’observation (observer) qui permettent au slider de réagir aux changements du DOM ou de la mise en page. Vous pouvez essayer d’activer ces options : https://www.carouselblock.com/docs?doc=settings Pour le moment, je recommande de rester sur la version 2.0.8 et de tester la dernière version dans un environnement de staging. À plus long terme, si vous souhaitez un défilement vertical, il serait préférable d’implémenter ce comportement séparément plutôt que de modifier le bloc carousel. Cela pourrait probablement être fait avec du CSS et un peu de JavaScript simple, et dans l’éditeur vous pourriez éventuellement construire la mise en page avec des blocs Colonnes. Si vous souhaitez continuer à utiliser une bibliothèque de slider, vous pouvez également regarder Swiper.js et créer une implémentation personnalisée où vous aurez un contrôle total sur le comportement.