In this article

  1. Introduction
  2. Number of products per row on homepage
  3. Number of products per row on collection page


1. Introduction

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


2. Number of products per row on homepage

2.1 Go to EasyStore Admin > Online Store > Themes > Edit Source > folder snippets/product-grid-item.liquid.


2.2 Insert  {% comment %} at the top and {% endcomment %} at the bottom of the part as shown in screenshot below:


2.3 Result as below > Save.


2.4 Next, go to folder snippets/featured-product.liquid.


2.5 Change the number beside 'products_per_row' to the number of products per row you wish > Save.

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



3. Number of products per row on collection page

3.1 Go to folder collection-grid-item.liquid.


3.2 Insert  {% comment %} at the top and {% endcomment %} at the bottom of the part as shown in screenshot below:


3.3 Result as below > Save.


3.4 Next, go to folder templates/collection.liquid.


3.5 Change the number beside 'products_per_row' to the number of products per row you wish > Save.

  • 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?