I have added a Load More botton but its not showing all the products. I have created collection-load-more.js const products_on_page = document.getElementById(‘product-grid’); const nextUrl = document.getElementById(‘paginateNext’); let next_url = nextUrl.dataset.nextUrl; let page = 3; const lo…

Here is the solution for you @leechoostore const products_on_page = document.getElementById('product-grid'); const nextUrl = document.getElementById('paginateNext'); let next_url = nextUrl.dataset.nextUrl; let page = 3; const load_more_btn = document.getElementsByClassName('load-more_btn')[0]; co…

Hi @leechoostore , Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[image] Handmade Macrame Products | Leechoo Discover Leechoo, your ultimate destination for handcrafted macrame swings, cushions, clothing, bags, and more. Elevate your space with artisanal creations. Shop now!

{{paginate.next.url}} Add this code to main-collection-product-grid.liquid

{% if template contains 'collection' %} {%endif%} Add this to theme.liquid

Please try my methods to see if they work. If not, please let me know.

Yes. My code worked for all 16 products. You can try

Load More button is not working fine with SORTING and FILTER

Load More button not working properly

Store Design

BSS-TekLabs July 13, 2024, 3:17pm 7

.load-more {
position: relative !important;
    justify-content: center !important;
    display: flex !important;
}

Add this to base.css

1 Like

Topic		Replies	Views
How to add Load more button on the collection page? Store Design collection-page	16	593	December 13, 2024
Debut Theme - 'Load More' button on collection pages instead of going next/previous page? Store Design	3	171	July 22, 2021
How can i set continue load product on collection page without go to next page Store Design	40	355	March 27, 2024
How can I add a 'load more product' or 'next page' button to my product collection? Store Design collection-page	3	92	January 28, 2025
How to add load button instead of pagination for collection page / Debut theme Store Design collection-page	2	81	November 12, 2022

Load More button not working properly

Related topics