Broadcast Documentation
NewSupport
Broadcast v4 ✅
Broadcast v4 ✅
  • About Broadcast
    • Broadcast Theme Documentation
  • Sections
    • Broadcast sections
      • Accordion
      • Accordion group
      • Contact form
      • Before and After
      • Blog posts
      • Collection list
      • Collection list hover
      • Custom content
      • Featured blog posts
      • Featured collection
      • Featured product
      • Image banner
      • Image with text
      • Multicolumn
      • Newsletter
      • Press logos
      • Rich text
      • Shop the look
      • Sidebar
      • Tab collections
      • Testimonials
      • Text columns with images
      • Text promo
      • Text with products
      • Collection list hover
    • How to use sections
    • Section blocks
  • Header
    • Announcement bar
      • Text announcement
      • Free shipping message
      • Custom HTML
    • Header
      • Transparent header
      • Header icons
      • Social icons
      • Navigation images
      • Sticky header
    • Target Settings
  • Upsell
    • Upselling with tags
    • Upselling with metafields
  • Products
    • Product pages
    • Tabs and accordions
    • Tab content using metafields
    • FAQ Accordions
    • Swatches
    • Size charts
    • Pre-order products using tags
    • Pre-order using metafields
    • Sale items
    • Free products
    • Product Theme Blocks
      • Title
      • Price
      • Variant picker
      • Buy buttons
      • Siblings
      • Description
      • Upsell
      • Icon
    • Low inventory message
    • 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
    • Collection page settings
    • Product badges
    • Product badges with metafields
    • Product filtering
    • Quick add
    • Sub-collections
    • Cutline second line
    • Featured image
  • Popups
    • Popups Theme Blocks
      • Large newsletter
      • Text promo
      • Small newsletter
      • Cookie consent
    • Coupon codes
    • Popup Behavior and Target
  • Pages
    • Page templates
    • Creating page templates
    • Page section
  • Updates
    • Check your theme version
    • Download latest theme version
    • Updating your theme
      • Updating from version 1 or 2
      • Updating from version 3
      • Shopify's Online Store 2.0
  • Changelog
    • What's new in 5.0
    • Tips and detailed information about v4.0 release
  • Theme settings
    • Theme Settings Intro
      • Colors
      • Typography
      • Buttons
      • Layout
      • Search
      • Social media
      • Product Grid
      • Product Form
      • Cart
  • Blogs
    • Featured posts
    • Blog pages
  • Blog posts
    • Article page
    • Theme blocks
  • Footer
    • Footer
    • Footer Theme blocks
      • Link list
      • Newsletter
      • Social
      • Text
      • Page
  • Support
    • Contacting support
    • Share preview link
  • 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
  • Add the Inventory countdown block
  • Customize inventory features
  • Optional - Change message text
Export as PDF
  1. Products

Low inventory message

Product form setting to display low inventory message

PreviousIconNextAccordion section

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

Inventory count value can be hidden:

The message is customizable in Theme content 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 fewer available.

  • Add the Inventory countdown block to your product form.

  • Use the block options to show or hide counts and adjust spacing.

  • Optional - Change message text in Theme content (language editor).

Enable inventory tracking

The first step is to ensure your products in the main Product setup are using the Track quantity option. Be sure inventory quantities are being tracked in order for this feature to work:

Add the Inventory countdown block

In the next step, we'll use the Theme Editor and add the Inventory countdown block to the Product form:

Move the block up to a preferred position on your product form. We've moved it right about the Buy buttons:

Customize inventory features

The Inventory countdown block has a range of options to help you configure when and what is shown to your customers.

Show notice

You have the ability to always show an inventory message or when the inventory for the current item is low.

  • Always - This is helpful for always displaying an inventory count to your customers or a message stating that the item is in stock.

  • Low inventory - Trigger a message with or without the count only when inventory is at a certain level. Using the threshold slider lets you configure when the message or count is displayed.

Hide inventory counter

Use this option to hide the inventory values and replace them with a message or when unchecked, the inventory count is displayed based on your Show notice setting.

Block spacing

Block spacing allows you to customize the padding below the message. Ideal to build some separation between buttons or other components.

Save your changes to view the Inventory countdown message on your product pages. If a product does not have inventory tracking activated in the Product setup, the message will not appear for that product. Other products that have active tracking will display a message based on your block settings. The next step is optional, it allows you to modify the message text for your current language and additional languages.

Optional - Change message text

The message you display for any/all languages can be customized under Edit default theme content (language editor):

Theme content allows you to customize the text for various components within the theme. In the search box at the top, type in "inventory", then at the bottom you'll find two fields that can be customized in your current language:

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
Low inventory message without count
HTML color style added
Shopify Product Admin
Choose Add block and then add Inventory countdown
Drag the block using the handle icon on the right and place in position
Block settings
Example with HTML/CSS styles added