Change number of Collection Blocks to 100

Store Design
, , , , , ,

Topic summary

A user wants to increase the maximum number of collection blocks displayed on their collections page from 50 to 100 items.

Initial Solutions Offered:

  • Two respondents provided CSS code to modify the grid layout (changing items per row to 10)
  • One suggested customizing the collection list code to adjust row limits and items per row

Problem Identified:
The CSS solutions only changed the visual layout (10 items per row) but didn’t increase the total item limit, which remained capped at 50.

Correct Solution:
The final response explained the proper approach:

  • Navigate to Online Store > Themes > Edit code
  • Locate the collection template file (e.g., collection-template.liquid, collection.liquid, or collection-grid.liquid)
  • Find the pagination code that limits collections (typically looks like {% paginate collection.products by 50 %})
  • Change the number from 50 to 100
  • Save the file and verify the collections page displays up to 100 items

This requires editing the Liquid template code rather than just CSS styling. The discussion remains open pending confirmation from the original poster.

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

Hi,

I want to change the number of collection blocks from 50 to 100 on this page https://vazluxe.com/collections

Luxurymrkt_0-1724937619351.png
Luxurymrkt_0-1724937619351.png400×249 20.9 KB

2

Hi @Luxurymrkt ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

topnewyork_0-1724938552766.png
topnewyork_0-1724938552766.png1365×641 114 KB

Try the above code, If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

3

Hello @Luxurymrkt , You have to do a custom code in the Collections list. Right now there are 10 number of row are displaying with collections 5 per rows as per default way, to show the 100 number of collections lists you have to customize in the code to set their option limit from 10 to 20 and also can set number of collections list per row more than 5. This need code customisation.

See the below screenshot, i think your current setting of customisation is look like this,

download (41).png
download (41).png1792×866 282 KB

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

4

Hello @Luxurymrkt

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media (min-width: 960px) { .list-collections.list-collections--per-view-5 .list-collections__grid { grid-template-columns: repeat(10, 1fr) !important; } }

niraj_patel_0-1724938273722.png
niraj_patel_0-1724938273722.png1322×444 51.3 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

5

So this only makes it 10 items per row. total is still 50

I want to increase the max number of blocks to 100.

Mike

6

Any update how to change it from 50 to 100?

7

Steps to Increase the Number of Collection Blocks:

  1. Locate the Collection Template:

    • Go to Online Store > Themes > Edit code.
    • In the Sections or Templates folder, find the file related to the collections page. This could be named something like collection-template.liquid, collection.liquid, or collection-grid.liquid.

  2. Find the Limit Code:

    • Inside the relevant Liquid file, search for a line that limits the number of collection items. It might look something like this:
      liquid
      {% paginate collection.products by 50 %}

  3. Increase the Limit:

    • Change the number 50 to 100 to increase the limit:
      liquid
      {% paginate collection.products by 100 %}

  4. Save Your Changes:

    • After making this change, save the file.

  5. Check the Collection Page:

    • Visit your collection page to ensure it now displays up to 100 collection blocks.