Hot stock
Highlights products with limited inventory to create urgency and encourage customers to purchase before items sell out.
How to add the Hot stock block?
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Products from the dropdown window.
In the Templates -> Add Product information -> Add section Details -> choose Product hot stock
Product Hot Stock Settings
Configuration
Product max stock
number
Set the maximum inventory level to be used as the 100% reference for the progress bar.
Always visible
Text color
color
Set the color of the text displayed in the hot stock notice.
Always visible
Text preset
select
Select a typography preset for the notice. Choose Custom to configure font family, size, and styling manually.
Always visible
Font
select
Choose the font family (Body, Subheading, or Heading) for the notice text.
Visible when "Text preset" is set to "Custom"
Size
select
Set the font size for the notice text.
Visible when "Text preset" is set to "Custom"
Line height
select
Adjust the vertical spacing between lines of text.
Visible when "Text preset" is set to "Custom"
Letter spacing
select
Adjust the horizontal spacing between characters.
Visible when "Text preset" is set to "Custom"
Case
select
Transform text casing (e.g., Default, Uppercase, Capitalize).
Visible when "Text preset" is set to "Custom"
Progress Bar
Progress bar height
range
Adjust the thickness (in pixels) of the inventory progress bar.
Always visible
Progress bar color 1
color
Set the primary color for the progress bar (e.g., representing low stock).
Always visible
Progress bar color 2
color
Set the secondary color for the progress bar (e.g., representing healthy stock levels).
Always visible
Last updated