Release Full page Slider after last slide

  • Resolved Fralenuvole

    (@francescocsto)


    1 month, 1 week ago

    Hello,

    I am using the “Full page Slider” as seen here: https://greenshift.wpsoul.net/full-page-slider/

    The variation I need is to release the full page slider after the last slide, therefore I activated “MouseWheel control” and “Release on edges” option.

    But the slider works correctly until the fore-last slide, for example if I have 3 slides, it shows/pauses correctly until the second slide, but then jumps directly to scrolling without showing fully the 3 slide first.

    I tried to change the number of slides, a combination of different options, or using the original code activating only “Release on edges”, but the last slide is never fully visible, scrolling starts on the second slide, not the last.

    Am I missing something or is this a bug?

    Kind regards, and kudos to your development work.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support Illia Sanz

    (@illiagreen)

    Please share link on your page where I can see it

    Thread Starter Fralenuvole

    (@francescocsto)

    Thank you,

    here it is: https://fralenuvole.art/
    FYI I already tried to test without sticky header to make sure it was not conflicting, without success.

    Plugin Support Illia Sanz

    (@illiagreen)

    well, I see, but it’s bug of slider script that we can’t fix in plugin.

    However, it’s possible to hack it

    let swiper = document.querySelector(".swiper").swiper;
    swiper.on('slideChange', function () {
    setTimeout(function () {
    swiper.params.mousewheel.releaseOnEdges = false;
    }, 500);
    });
    swiper.on('reachEnd', function () {
    setTimeout(function () {
    swiper.params.mousewheel.releaseOnEdges = true;
    }, 1500);
    });

    Try to add this js code on page with slider

    • This reply was modified 1 month, 1 week ago by Illia Sanz.
    Thread Starter Fralenuvole

    (@francescocsto)

    Hello,

    I added the code, but the JS console shows that document.querySelector(".swiper").swiper is undefined.
    However, I can see the object document.querySelector(".swiper").

    I added console logging ‘console.dir(document.querySelector(“.swiper”))’ in case it helps you debugging.

    Kind regards,
    Francesco

    Plugin Support Illia Sanz

    (@illiagreen)

    We added this in core. Please update plugin and try again

    Thread Starter Fralenuvole

    (@francescocsto)

    This is great.
    Your plugin is one of the best things that happened on WordPress.

    Kind regards,
    Francesco

    • This reply was modified 3 weeks, 2 days ago by Fralenuvole.
    Plugin Support Illia Sanz

    (@illiagreen)

    Write me if this works for you

    Thread Starter Fralenuvole

    (@francescocsto)

    Yes, I confirm the issue is fixed.

    Plugin Support Illia Sanz

    (@illiagreen)

    Closing

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.