User Guide

Search limit to:






How to show product Inventory status?

by Admin on Feb 23, 2025

To display the inventory status of products or variants:

Step 1: In Theme Editor, go to Theme Settings > Product > Inventory status, and set it up as guided in this document

Step 2: Under the Product Information section, add the Inventory Status block.

From here, the inventory status will show as in stock, out of stock, or low stock based on the product's availability.

✍️ However, if you want to display a message for products that are out of stock but have inventory on the way:

Step 3: Enable the "Notify on Incoming Inventory" setting in the Inventory Status block. 

⚠️ Note: To make this feature work, you must create the incoming inventory of the product first, check out this guide from Shopify to learn more.

When enabled, the message will change depending on the product’s inventory status:

Default message

Shown when?

How to customize the message?

Back in stock soon: {date}

Shown when an incoming transfer has a specific restock date 

  • Go to the Inventory Status block and edit the text fields under "Incoming Transfer Notice"
  • To change the text color, go to Theme settings > Product > Inventory status > change the In stock message color setting.

On backorder, shipping soon 

Shown when the product is out of stock but still available for purchase.

  • Go to the Inventory Status block and edit the text fields under "Backordered Status Notice" 
  • To change the text color, go to Theme settings > Product > Inventory status > change the Low stock message color setting.

(⚠️ Note: If that product is set to be “Continue selling when out of stock”, then the text color will be the same with In stock message).

Step 4: (Optional) Turn on “Hide When Pre-Order is Enabled” → If checked, the incoming inventory status won’t show when Pre-Order is active. (Since Pre-Order and On Backorder share the same display logic, this may cause confusion. You can enable this option to hide On Backorder and show only Pre-Order instead.)

Step 5: Click “Save”.