Hi community, can you help me with this. I want to load product without going to next page. Thank you

ok, Follow this: open section->collection-template.liquid file and find ’ paginate.pages > 1’ condition. then add bellow code in side this condition. <input type="hidden" value="{{ paginate.next.url }}" data-next-url> <input type="hidden" value="{{ paginate.pages }}" data-total-pages> …

this code work for debut theme not for any other,

Hi, I implemented the code for collection-template.liquid but the ‘Load More’ button is not centered on the page, it is on the left. Can you please let me know how to fix this? Thanks in advance! Austin

Hi @Jasoliya , thanks for everything. The load more botton works perfectely but I have two issues: 1. I still have those arrows which allow you to change the page to see more products, and 2. My load more botton is on my left, and I saw that you sent a code to solve this problem but I don´t know whe…

@Jasoliya I worked on that and now I´ve solved all those issues, but I have a problem, at the end of the last “load more” there is still a button, but nothing loads because all products of that collection are already shown. What should I do? Thanks.

Hi You have to follow proper way it work, if you miss anything it will not work and need code check whats affecting. cant say direct.

Hi @AndyBerlin , you can replace the second code for this one, it worked for me: $(‘.js-load-more’).on(‘click’, function(){ var $this =$(this),totalPages = parseInt($(‘[data-total-pages]’).val()),currentPage = parseInt($(‘[data-current-page]’).val()); $this.attr(‘disabled’, true); $this.find(‘[l…

Hi @AMarx , you can replace the first code for this one: cargar más cargando...

@Chicafull Thanks! I figured this out, but now I am having a similar issue as to what you previously posted where the load more button doesn’t go away once you get to the bottom of the page. In my case, it is also repeating the first page over and over and doesn’t display any products that were prev…

I tired this code on debut theme seems like its getting the same first page products and loads them again and again so i update the code a little to make it work as it works for me $('.js-load-more').on('click', function(){ var $this =$(this), totalPages …

Hi, sir i tried your code and it worked can you tell me the possible solution for after clicking it shows all products sudden as i attached the reference link below https://www.ninelineapparel.com/collections/mens-apparel if you can help me

How can i set continue load product on collection page without go to next page

Store Design

designrepo October 28, 2022, 5:29am 38

Thanks Jasoliya!!

This code work perfectly.

But one more thing. When I paste this code on multiple section and click for one section but load more all section.

Please see the attached.

Please help me for multiple section on same page.

Topic		Replies	Views
Debut Theme - 'Load More' button on collection pages instead of going next/previous page? Store Design	3	177	July 22, 2021
How to add Load more button on the collection page? Store Design collection-page	16	638	December 13, 2024
How can I add a 'load more product' or 'next page' button to my product collection? Store Design collection-page	3	112	January 28, 2025
How can i set continue load product on collection page without go to next page for the Dawn Theme Store Design	8	104	August 5, 2023
How to add load button instead of pagination for collection page / Debut theme Store Design collection-page	2	85	November 12, 2022

How can i set continue load product on collection page without go to next page

Related topics