How to show “Load More” button at homepage collection list on mobile & desktop view separately

[usman71hsp]

 

[Dan-From-Ryviu]

Do you mean adding separate mobile and desktop links or something else?

[usman71hsp]

No, I just want to show "Show more" button on desktop and mobile. This "show more" button should not linked to all collections page. I just want that this button show more collections on homepage which i have added or selected. I mentioned"separately " because i can show 12 collection list on desktop but on mobile show 9 collection then if click on show more button then show other collections. I have attached mobile view and desktop video. I think this will help you to understand what I want. 

https://drive.google.com/drive/folders/13BDtokDGGXoH3mVciuWto9YdjIRxNn1N

In this video you can see that on mobile view 9 collections are showing by 3 rows and then through "Show more" button there are other collections are showing. But on desktop view we can see 12 collections by 2 rows and then shows other collections through the Show more button. Then it show "View All Products" to move other page which we link. 

[AchieveApplabs]

Hi @usman71hsp ,

For this you need to modify your theme code.

An overview of what this entails:

1) Hide collections and display the first

2) Create AJAX function to fetch next collection

3) Fetch collection when "load more" pressed 

4) Display results from fetch 

There's a great tutorial on youtube for collection pages to load more products, it's the same idea only for collections.

https://www.youtube.com/watch?v=7LYBmmhrUyI

If you're not good with code then you need to hire a developer.