How do I make the collection list show all the collections, not just cap at 30?

Solved

How do I make the collection list show all the collections, not just cap at 30?

lukafernada
Excursionist
95 0 39

As shown in the photo, it only allows you to see 30 collections before having to click onto the next page. What code is there to make it show all the collections on the same page, but only on the 'All Collections' page

lukafernada_0-1727598753091.png

 

lukafernada_1-1727598753290.png

 

 

Accepted Solution (1)

PaulNewton
Shopify Partner
7048 629 1481

This is an accepted solution.

⚠️ 🐲 There be dragons here that can decrease theme performance and conversions.

 

When you encounter a theme limitation that prevents "ALL" like this put in place by theme developers and you don't understand WHY it exists that is a clue that going past limitations may not be in the interest of customers or your revenue.

 

Shopifys theme pagination allows at max 50 objects per page.

https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-... 

Increasing pagination limits is not always a linear decrease in performance for the amount of data a customers browser has to load.

It's not just 20 more images , it's also 20 more sets of HTML data, possibly multiple images, swatches, more app behaviors, more filters, etc etc etc  

 

 ‌‌‌‌⚠💣 Always backup themes before changing files 💣⚠‌

Test any such changes thoroughly for bugs and performance.

In collection templates find the product loop that might look like the following and change the limit to a new maximum:

{% for product in collection.products , limit: section.settings.product_limit %}

To do it for a specific collection use alternate templates and use the template name in conditional logic to change the limit.

https://help.shopify.com/en/manual/online-store/themes/os20/theme-structure/templates#create-a-new-t... 

 

Going past 50 in a reasonable way means implementing infinite scroll techniques, an advanced theme customization beyond the scope of the forums.

 

If you need infinite scroll customizations then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


View solution in original post

Replies 8 (8)
lukafernada
Excursionist
95 0 39

cheffings.net is the URL link

lukafernada
Excursionist
95 0 39

Quite a lot, maybe over 100

lukafernada
Excursionist
95 0 39

Over 100 collections  

lukafernada
Excursionist
95 0 39

We do not give external access to our store to anyone besides the team. 

you can figure it out without access no?

lukafernada
Excursionist
95 0 39

That is also what I’m referring to, I am not in the position to provide them right now. 

but this is an issue that can be worked on on any shopify store collections page 

lukafernada
Excursionist
95 0 39

All I need is the code to amend my issue, and I will accept your solution 

lukafernada
Excursionist
95 0 39
cheffings.net

PaulNewton
Shopify Partner
7048 629 1481

This is an accepted solution.

⚠️ 🐲 There be dragons here that can decrease theme performance and conversions.

 

When you encounter a theme limitation that prevents "ALL" like this put in place by theme developers and you don't understand WHY it exists that is a clue that going past limitations may not be in the interest of customers or your revenue.

 

Shopifys theme pagination allows at max 50 objects per page.

https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-... 

Increasing pagination limits is not always a linear decrease in performance for the amount of data a customers browser has to load.

It's not just 20 more images , it's also 20 more sets of HTML data, possibly multiple images, swatches, more app behaviors, more filters, etc etc etc  

 

 ‌‌‌‌⚠💣 Always backup themes before changing files 💣⚠‌

Test any such changes thoroughly for bugs and performance.

In collection templates find the product loop that might look like the following and change the limit to a new maximum:

{% for product in collection.products , limit: section.settings.product_limit %}

To do it for a specific collection use alternate templates and use the template name in conditional logic to change the limit.

https://help.shopify.com/en/manual/online-store/themes/os20/theme-structure/templates#create-a-new-t... 

 

Going past 50 in a reasonable way means implementing infinite scroll techniques, an advanced theme customization beyond the scope of the forums.

 

If you need infinite scroll customizations then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org