Home Forums WoodMart support forum Nested Carousel Elements animation issue

Nested Carousel Elements animation issue

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #713959

    swamlabroma
    Participant

    Hi, we are experiencing the following issue with the Nested Carousel, which I will describe step by step:

    1. Create a Nested Carousel and add elements to each slide, for example a title and a button. There are 3 slides in total, and each slide contains the same elements.

    2. Add animations to the title (fadeInUp) and the button (fadeInUp), using the same animation settings for every slide.

    3. On the front end, the first slide appears normally, and the animation works correctly for both elements, the title and the button. On the second slide, however, the title animation does not work, while the button animation does. Once the page is refreshed, the title on the second slide is animated correctly, as it should be.

    This does not seem to depend on the type of animation used. We tried different combinations, but the second slide still misses the animation for one of its elements.

    Is there a way to make the animation work properly?
    Attached the file with example, where you can see that fadeIn animation doesn’t work on element (human figure) of the second slide.

    Thank you

    Attachments:
    You must be logged in to view attached files.
    #713962

    Artem Temos
    Keymaster
    Xtemos team

    Hello,

    Please provide us with your admin access so we can log in and check this on your end.

    Thank you in advance.

    #713966

    swamlabroma
    Participant

    Ok

    #714009

    Artem Temos
    Keymaster
    Xtemos team

    Hello,

    Please send us a direct link to the page with this carousel created so we can see the problem.

    Kind Regards

    #714065

    swamlabroma
    Participant

    Hi,
    The carousel in question is located on the home page of the website.
    We are experiencing this issue not only on this site, but also on other websites, one of which was shown in the video we sent in our first message.

    #714085

    Artem Temos
    Keymaster
    Xtemos team

    Hi, thanks for the detailed steps and the example.

    Element animations won’t work reliably inside a nested carousel. To achieve consistent per‑slide element animations, please replace the nested carousel with the WoodMart Slider.

    How to proceed:
    – Create a new slider in Dashboard > Slides > Sliders, then add your slides in Dashboard > Slides > All Items > Add New.
    – Insert the slider on your page using the WoodMart Slider element.
    – Enable Slides in Elementor > Settings > General so you can Edit with Elementor for the Slides post type.

    Helpful guides:
    – How to add slides: https://xtemos.com/docs-topic/how-to-add-slides-to-the-slider/
    – Slider settings: https://xtemos.com/docs-topic/slider-settings/
    – All slider docs: https://xtemos.com/docs-cat/woodmart-slider/

    Please replace the nested carousel on your homepage with a WoodMart Slider and let us know how it goes.

    Kind Regards

Viewing 6 posts - 1 through 6 (of 6 total)