Change number of Collection Blocks to 100

[Luxurymrkt]

Hi,

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

[topnewyork]

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 </head>

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

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

Thanks!

[dws_pvt_ltd]

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,

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

[niraj_patel]

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 </body> on theme.liquid
<style>
@media (min-width: 960px) {
   .list-collections.list-collections--per-view-5 .list-collections__grid {
       grid-template-columns: repeat(10, 1fr) !important;
    }
 }
</style>

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

[Luxurymrkt]

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

[Luxurymrkt]

Any update how to change it from 50 to 100?

[niraj_patel]

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.