NEW RELEASE
v2.2 - 40+ new elementsWhat's new
SureCart Stock Component - BricksFusion
data-stock-component
How to Use & Integration Guide
  1. Customize your stock component using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element to your template
  4. Paste the JavaScript code and ensure it runs on page load
  5. Add a Div element where you want the stock indicator
  6. In the Div's attributes, add data-stock-component as attribute name (leave value empty)
Stock Configuration
Maximum Stock
100
Low Stock Threshold
20%
Medium Stock Threshold
50%
Stock Colors
High Stock Color
HEX
Medium Stock Color
HEX
Low Stock Color
HEX
Appearance Settings
Background Color
HEX
Text Color
HEX
Border Radius
16px
Progress Bar Height
8px
Text & Behavior Settings
Stock Label
Unit Suffix
Out of Stock Text