Venture Theme: Decreasing number of Products per row in a Collection

Highlighted
New Member
9 0 0

Currently there are 5 products per row and I would like just 4.

 

0 Likes
Shopify Staff
Shopify Staff
341 10 36

Hey, Grayson!

Elle here from Shopify's Social Care team. Hope you're having a great Tuesday!

To change the number of products in a row on a collection page, you'll need to edit one line of code within the collection.liquid template. Head to Online store > Themes > Actions > Edit Code > Collection.liquid (under Templates).

Search for the following line:

 <div class="grid__item small--one-half medium-up--one-fifth">

Change 'fifth' to 'quarter' so it looks like this:

<div class="grid__item small--one-half medium-up--one-quarter">

Once you save this change, you'll see 4 products in a row on all of your collection pages. 

Hope this helps! ? 

Elle | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

1 Like
New Member
9 0 0

worked perfect thank you!

0 Likes