Different number of products in a row can create a different feeling to your online store. If you prefer your store to be less cluttered or you would like to show more variety of products that you have, you can now decide how many products to show in a row at your store.

Benefits:

  • To customize no. of products per row in order to create a look that fits your store's direction.
  • To have a more organized and tidy looking store


In this article
I. Featured on homepage
II. Collections

Part I: Featured on homepage

1. Go to Themes > Edit Source

2. Search for Snippets > product-grid-item.liquid

3. Insert  {% comment %} and {% endcomment %} at the top and in the end of the red rectangular code, then "Save" the amendment. 

4. Search for featured-product.liquid

5. Locate "products_per_row" and change the number will do, then "Save" the amendment. 

Note: You are only able to change the number to 2, 3, 4, 5. 

Part II: Collections

1.  Go to Themes > Edit Source

2. Search for collection-grid-item.liquid

3. Insert  {% comment %} and {% endcomment %} at the top and in the end of the red rectangular code, then "Save" the amendment. 

4. Search for collection.liquid

5. Locate "products_per_row" and change the number will do, then "Save" the amendment.

Note: You are only able to change the number to 2, 3, 4, 5. 


Related Articles:

Adding Products

Show More Products on Home Page

Managing Product Collections 

Did this answer your question?