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

@Jasoliya yes i have this section and see some of code available but not all, can you advice me please i have simple theme and want to set button that load more product.

Ok, You have Snippet->product-grid.liquid file on theme? or check in section->collection-template.liquid file inside bellow loop which file you have added. {% for product in collection.products %} {% endfor%}

No i have product-card-grid.liquid this file in snippet. thank you

Hi jasoliya Thank you for your code and instructions its very helped me, but i am getting some issue like i have now ‘icon-spinner’ on my snippet what i need to add here ?

Thank you its work can you please check when i click on load button it load same product not next page product.thank you. url sent you

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

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

Store Design

Jasoliya December 16, 2019, 7:07am 12

Change like that:

<span class="hide" loader>Loading...</span>

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	142	August 5, 2023
How to add load button instead of pagination for collection page / Debut theme Store Design collection-page	2	108	November 12, 2022

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

Related topics