“How do I use the product grid section on my home page?”

You can feature a collection of products on your home page by using the product grid section. The grid layout offers six grid layouts for your products and displays them in a simple, straightforward grid.

Grid layout

Alternatively, you can feature products using the product parallax and product slider sections.

Before you can feature products, you need to create a product collection specifically for the products you want to feature. For more information about product collections see Shopify’s Building product collections documentation.

Collection
Select a product collection with the products you wish to feature in it. You need to create a product collection before you can use the featured products section. See Shopify’s Building product collections documentation for more information.
Products per row
You can change how many products appear per row. Options include 1, 2, 3, 4, Alternating 2–3 and Alternating 3–2.
Show collection title
Select this checkbox to place the collection title above the product grid.
Show collection description
Select this checkbox to place the collection’s description above the product grid.

The collection description can be added or edited when you are editing the product collection in your Shopify admin. See Shopify’s Building product collections documentation for more information.

Products per row

There are six different variations you can use for product grid sections: 1 product per row, 2 products per row, 3 products per row, 4 products per row, Alternating 2–3 products per row and Alternating 3–2 products per row. No matter which layout you choose, the product images scale to take up the full width of the storefront.

Here’s what an Alternating 2-3 layout looks like:

Alternating 2-3 layout

And here’s what an Alternating 3-2 layout looks like:

Alternating 3-2 layout