Black Friday is coming.
Get early access
Main components

Hero

Cards

Pricing

Header

Features

Testimonial

CTA

Buttons

New

About

Contact

Megamenu

Roadmap

Ready to enhance your Bricks Builder experience?

Access our complete library of professional components.

Explore all categoriesQuick Started

Ready to enhance your Bricks Builder experience?

Add premium elements that enhance user experience.

Quick Started
SureCart components

Product pages

High quality product templates

SureCart UI components

Specific components for Surecart

Ready to enhance your Bricks Builder experience?

Take advantage of these extraordinary features to enrich your customers' websites.

Pricing

Simple, transparent pricing plans

About

Learn about Bricksfusion

ChangeLog

Latest updates and improvements

Roadmap

Find out what's coming to Bricksfusion

Contact

Get in touch with us

Community

Join our facebook community

Quick Started

Discover how easy Bricksfusion is

Ready to enhance your Bricks Builder experience?

Unlock Bricksfusion. Make today your launch day.

Get Started
SureCart Stock Component - BricksFusion
data-stock-component

SureCart Stock

Elegant stock indicators for your SureCart products

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