Broadcast v6.2 has been released - Learn more about
What's new
Broadcast Documentation
NewSupport
Broadcast v3
Broadcast v3
  • About Broadcast
    • Broadcast theme documentation
  • Online Store 2.0
    • The new experience
  • Announcement Bar
    • Free shipping message
    • Text announcement
    • Custom HTML
    • Announcement bar settings
  • Header
    • Header styles
    • Navigation images
    • Sticky header
    • Transparent header
    • Social icons
  • Sections
    • How to use sections
    • Section blocks
    • List of sections
    • Sidebar
    • Split images
    • Before and After
  • Products
    • Tabs and accordions
    • Tab content using metafields
    • FAQ Accordions
    • Upselling with metafields
    • Upselling with tags
    • Swatches
    • Size charts
    • Pre-order products using tags
    • Pre-order using metafields
    • Sale items
    • Free products
    • Product page settings
    • Theme blocks
    • Low inventory message
    • Icon block
    • Accordion section
    • Product ratings
    • Related products
  • Siblings
    • About product siblings
    • How to setup siblings
    • Siblings metafields
      • Siblings color
      • Siblings collection
    • Siblings product setup
    • Siblings block
  • Collections
    • Product badges
    • Product badges with metafields
    • Product filtering
    • Quick add
    • Sub-collections
    • Cutline second line
    • Featured image
    • Collection page settings
  • Popups
    • Cookies consent message
    • Image promo with newsletter
    • Text promo
    • Small newsletter
    • Coupon codes
  • Footer
    • Footer settings
    • Theme blocks
  • Blogs
    • Featured posts
    • Blog pages
  • Blog posts
    • Article page
    • Theme blocks
  • Pages
    • Page templates
    • Creating page templates
    • Page section
  • Settings
    • Loading icon
  • Updates
    • Release notes
    • Check your theme version
    • Download latest theme version
    • Updating your theme
      • Updating from version 1 or 2
      • Updating from version 3
  • Support
    • Contacting support
    • Share preview link
    • Earlier documentation
  • Custom
    • Where to make CSS changes
    • How to remove Shopify credit
    • Collection image spacing
Powered by GitBook
On this page
  • How to setup
  • Enable inventory tracking
  • Product form block setting
  • Customize the message
Export as PDF
  1. Products

Low inventory message

Product form setting to display low inventory message

PreviousTheme blocksNextIcon block

Feature introduced in Broadcast 3.2

Build a sense of urgency with Broadcast's low inventory message option in the product form:

The message is customizable in the Language Editor for your theme and supports HTML. You can change the message and add basic styles:

How to setup

There are three basic steps needed for the inventory countdown to appear correctly:

Steps

  • 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:

Product form block setting

In the Theme Editor, click on the Product form block for the settings options. Toggle on Show inventory countdown:

Customize the message

The message you display for any/all languages can be customized in the Language Editor:

Use the search box to quickly find the correct field. Type in: Remaining

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:

Code snippet:

<span style='color:var(---color-primary)'>&#9658;</span> Hurry, Only <strong>{{ inventory }}</strong> Left!
Low inventory message with count
HTML color style added
Shopify Product Admin
Theme Editor -> Default product template -> Form
Quick acess to the Language Editor via Edit languages link
Use the Search box to help find Remaining html
Example with HTML/CSS styles added