Ajax theme don’t allow slides after first load

  • Resolved bababoom

    (@bababoom)


    3 years, 4 months ago

    Hello!

    I have a gutenslider block with 2 slides on my front page used with a music oriented theme (https://themeforest.net/item/waveme-music-platform-wordpress-theme/29428486), on first load it’s ok I can scroll to the second slide but after visiting other pages then return to the homepage, the second slides is not displaying anymore (no more dots also), I guess it’s due to AJAX but would you know how to fix that please? ??
    thank you!
    Best

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Gutenberg Slider

    (@gutenbergslider)

    @bababoom sorry for the issue, can you post a video that shows the issue? Which browser are you on and which WordPress? We tried to reproduce but it works in our setups here.

    Thread Starter bababoom

    (@bababoom)

    no problem ??

    In order to reproduce the issue you need to navigate at least on one another page from the homepage then return to the homepage by clicking the logo in the up/left corner, the two dots of the gutenslider won’t show that time.

    Issue occurs in brave and chrome.

    Plugin Contributor Gutenberg Slider

    (@gutenbergslider)

    Hey @bababoom,

    we were able to reproduce. We also think it is connected to ajax page content loading and how it is performed in your theme. Probably the dom only gets replaced and the js is not executed afterwards. I would escalate that issue to your theme authors as they should be able to tell you where you can place custom js after the ajax content has loaded. If they tell you, we can tell you what code you need to execute for Gutenslider to work again.

    Hope that helps

    Thread Starter bababoom

    (@bababoom)

    great!
    He sends me that code to include in the customizer:

    jQuery(document).on('pjax:complete', function() {
    // your custom js
});

    thank you for your help!

    Plugin Contributor Gutenberg Slider

    (@gutenbergslider)

    add that code where it says //custom js

    document.querySelector('.wp-block-eedee-block-gutenslider .swiper-container').swiper.update()

    If it does not work please send an email to [email protected]

    Plugin Contributor Gutenberg Slider

    (@gutenbergslider)

    any updates @bababoom

    Thread Starter bababoom

    (@bababoom)

    Thank you for the head up but I won’t use the gutenslider block in the end, I’m focusing on light as much as possible the page size so no slider at all, but thank you again!

    Plugin Contributor Gutenberg Slider

    (@gutenbergslider)

    closed

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Ajax theme don’t allow slides after first load’ is closed to new replies.