Broadcast theme
Broadcast v3

Low inventory message

Product form setting to display low inventory message
Feature introduced in Broadcast 3.2
Build a sense of urgency with Broadcast's low inventory message option in the product form:
Low inventory message with count
The message is customizable in the Language Editor for your theme and supports HTML. You can change the message and add basic styles:
HTML color style added

How to setup

There are three basic steps needed for the inventory countdown to appear correctly:
  • Enable inventory tracking in your product setup. The low inventory message is triggered if a product has 10 items or less available.
  • Turn on the setting in the Product form block for the default product template or any product template in use. This feature requires Broadcast 3.2.0 or higher.
  • Optional - Customize the message in the Language Editor.

Enable inventory tracking

Use the Track quantity option in your Product setup and set an available value:
Shopify Product Admin

Product form block setting

In the Theme Editor, click on the Product form block for the settings options. Toggle on Show inventory countdown:
Theme Editor -> Default product template -> Form

Customize the message

The message you display for any/all languages can be customized in the Language Editor:
Quick acess to the Language Editor via Edit languages link
Use the search box to quickly find the correct field. Type in: Remaining
Use the Search box to help find Remaining html
Under Product, you should see Remaining html.
Here you can customize the message. Use the key code {{ inventory }} to display the counter value.
Update for all your languages if your shop supports multiple languages.
Tip You can tweak the message with basic HTML to add some style
Here's an example of what we used to bring in the theme's primary color:
Example with HTML/CSS styles added
Code snippet:
<span style='color:var(---color-primary)'>&#9658;</span> Hurry, Only <strong>{{ inventory }}</strong> Left!