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

Topic summary

A user wants to implement a \

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

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

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.

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.