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> …

Replace with this Js code: $('.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('[loader]').removeClass('hide'); currentPage = curre…

Yes its worked fine,thank you Can you see load button left aligned can i make it center ?

Add this css: .load-more_wrap { text-align: center; margin-top: 40px; }

Thank you so much Jasoliya, its work very well. really appropriate

hi, that works very well. but at the end of the last “load more” there is still a button, but nothings loads because all products of that collection are already shown. thansk andy

i will send shop url to your email thanks Andy

The code snippets are cut off. Can you please provide the full snippet? Thanks.

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

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

Store Design

Jasoliya May 14, 2020, 6:18am 19

Send your store url i will check if possible.

Topic		Replies	Views
Debut Theme - 'Load More' button on collection pages instead of going next/previous page? Store Design	3	196	July 22, 2021
How to add Load more button on the collection page? Store Design collection-page	16	737	December 13, 2024
How can I add a 'load more product' or 'next page' button to my product collection? Store Design collection-page	3	132	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	138	August 5, 2023
How to add load button instead of pagination for collection page / Debut theme Store Design collection-page	2	107	November 12, 2022

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

Related topics