Storefront block lets you display a whole online store catalog on your live site. Even if you add/delete products in the store settings, the catalog in the storefront will be updated automatically to reflect all the recent changes.

Follow the instructions below to add and set storefront block.

Important: the online store is available for Pro sites only.

Displaying products in the storefront

First, you should navigate to the site settings and create a product category. The article Creating product categories in the online store will guide you through this process.

After you've organized your products into the categories, open the site's editor and place a Storefront block on the page:

Hover over the added block to access its settings:

In the Categories field, choose a category in the dropdown:

Here you can also set the number of elements in a row and the visibility of the out-of-stock products.

After you've chosen the category in the settings, the block will automatically display your products:

Publish the site for the changes to appear live.

All further changes in the product cards or in the category will be displayed on the published site. Therefore, when adding new products to a category, you won't need to manually add them in the editor. They will be immediately available in the storefront.
Was this article helpful?
Thank you!