[Resolved] Create “load more” button with toolset blocks

[Author]

Posts

[Fred]

Hi !

I try to create a "load more" button with Toolset blocks, i search many times on forums and documentation but i can't find

Thanks a lot for you're help

[Christopher Amirian]

Hi there,

In the Views block sidebar options, there is a section to add pagination. For more information:

https://toolset.com/course-lesson/creating-a-view/#add-pagination-to-a-view

There, you will be able to use the Ajax load functionality that works as the load more functionality,

To add a load more button itself you can use the method below:

https://toolset.com/forums/topic/load-more-button-3/#post-853208

Thanks.

[Fred]

Thanks a lot for you're answer, that's work fine but i don't want load "page 2", i want lore more post keeping previous items

[Christopher Amirian]

Hi there,

Thank you. For that, the top answer which is the enabling of Infinite scroll should be still there and after that, you can enable only the NEXT link in the pagination settings and that will work as a load more button and the previous content will still show on the page and new content will be added.

Then you can change the look and feel of the NEXT link to be like the Load More Button with CSS.

Please check this answer here:

https://toolset.com/forums/topic/add-an-ajax-load-more-button-in-a-post-grid-view/#post-2008339

Thanks.

[Fred]

Thanks for you're answer Christopher but that don't work for me, the next button is here but the page reload content
i Use legacy mode is for that who don't work ?

[Christopher Amirian]

Hi there,

The setup you sent via screenshots seems to be ok. mmmm....

Maybe if I have access to the website I can check.

I'd appreciate it if you could give me the URL/User/Pass of your WordPress dashboard after you make sure that you have a backup of your website.
It is absolutely important that you give us a guarantee that you have a backup so if something happens you will have a point of restore.

Make sure you set the next reply as private.

Also please tell me which view I should check that has the feature. And where you used that view in the pages.

Thank you.

[Christopher Amirian]

Hi there,

Thank you. I checked the pagination section and the item should be set as an Infinite scroll.

Then inside the Loop editor JS editor section I added the JS code below:

(function ($) {
    $(document).ready(function () {
   
        $('.js-wpv-layout-infinite-scrolling').removeClass('js-wpv-layout-infinite-scrolling');
   
    });
})(jQuery);

That did the trick and now it shows all the content and after clicking the Next button it adds up instead of replacing.

Thank you.

[Fred]

That work very fine thanks so much !