How many Shopify products can be on one page?

Shopify has a firm limit on how many products can be referenced (and dynamically displayed) on a page. That limit is no more than 20 products, so you can have no more than 20 unique products referenced across all the product components on your page. If you add more than the limit, you will receive error messages in your page's Dev Console like this:

and the product component will effectively show nothing.

Primary workaround for adding more than 20 products

If you need more than 20 products within a Replo page, the best workaround is to simply hardcode any product information instead of referencing it through dynamic data. Obviously, this only has to be done for the 21st product and beyond.

This means that instead of using a Product Component, you can simply use containers and other standard components to create something that resembles a Product Component. You might try:

• Referencing product images via direct Shopify URLs or uploading the images to Replo's Asset Library

• Using a normal Text Component and precisely typing out any titles, descriptions, prices, etc. that are important to have.

• Using direct redirects to Shopify Permalinks for any "Add Product To Cart" interactions

(Another Option) Restructuring your Product Catalog to have less Products

One last option that is often useful to consider is if you can consolidate multiple products into one by restructuring your Product Catalog within Shopify. This typically means more aggressively using Product Options to incorporate optionality that used to be spread across multiple products into one product.

For example, if you sell T-shirts and you have one product that's the Blue T-shirt with S/M/L sizes, and another product that's a Red T-shirt with S/M/L sizes, you might consider consolidating these into one "Shirt" product with one option being "Size" (with values S/M/L) and a new option being "Color" (with values being Blue and Red).

This is obviously a very simplified example, but taken to the extreme, it can help reduce the number of products needed to display on a page greatly. Replo has plenty of functionality for giving your customers the ability to choose between different options on a particular product.

If you encounter any issues, please reach out to support@replo.app or see Getting Help for more options.