Why the product grid doesn’t show on live page?

If some of your Product Grid elements appear in the EComposer editor but don’t show up on your live page, your page has likely gone over Shopify’s 20-product limit for hand-picked products. Below, you’ll see why this happens and how to fix it in two quick steps by switching your Product Grid to use a Collection instead.

1. Why Some Product Grid Elements Don’t Appear on the Live Page

When you select a Product Grid element and set Content > General > Product source to Specific products, EComposer shows a reminder: “Specific products has a limit of 20 unique products to show per page. If you want more than 20 products, then consider using a collection instead.” This happens because Shopify only allows up to 20 hand-picked products on a single page. For example, if you add 3 Product Grid elements to the same page and pick 10 specific products in each one (30 products in total), the page goes over Shopify’s 20-product limit—so the extra products or Product Grid sections won’t show up on your live page.

2. How to Show More Than 20 Products Using a Collection

To display as many products as you want on a single page without hitting the 20-product limit, group those products into a Shopify collection and choose that collection in your Product Grid element.

Step 1: In your Shopify admin, go to Products > Collections in the left sidebar and click Add collection in the top-right corner (or open an existing collection) to add the products you want to display.

Step 2: Open your page in the EComposer editor, click the Product Grid element, open the Content tab on the right, expand General, set Product source to From collection, and pick your collection under Select collection to show. Finally, click Publish (or Save) in the top-right corner to update your live page.

Good to know: Using From collection as your Product source removes the 20-product limit, so you can place multiple Product Grid elements on the same page and display as many products as you like.