How to customize Inventory status element

đź“– In this article, we are going to learn more about what is Inventory Status element and how to use to work with its elements to make your product list look just the way you want it to.

âš  This article only works for Boost AI Search & Discovery V3 new Theme settings. To find out which version of our app your store's current theme is installed with, please follow this article.

On this page

About Inventory Status element

Inventory Status is an optional element to display for your product. You may need to add this element manually. An example of how this works:

How to edit Inventory Status element

How to access Inventory Status’s settings

đź’ˇ You should ensure that your variant inventory is tracked (this means that a quantity has been set explicitly for the inventory).

You can learn more by reading this Shopify official documentation: https://help.shopify.com/manual/products/inventory#set-up-inventory-tracking.

  1. From the app's admin, go to Integration menu > select Shopify Integration > Find [Target Theme] > Select Edit Visual Design.

  1. Under the General settings section > Select Product Item section.
  2. Click the Dropdown icon of Product Item section > Select Product Information section > Select Inventory status.
  3. Drag and drop the Inventory status and then start using it.

General Settings

Low inventory Threshold

This settings will help you set up when to display “Low inventory alert” for your customers. You can customize the threshold and even the text messages displayed on your product grid.

In stock text

Input the text you’d like to display your message when the product is still in stock.

Low stock text

{{count}} is to display the number of stock left for this product. Please do not delete it, you can replace the other texts to match your styles.

Sold out text

Input the text you’d like to display your message when the product is out of stock.

Here is an example:


Styling configuration

You can check more information about the STYLING tab here.

Click Save button to save all changes you have made.

Tutorial video

Watch our tutorial video to learn how to customize the Inventory Status element:


If you need any further assistance, please do not hesitate to contact us at support@boostcommerce.net.