FrameWoo
Components / Product
P
woo-stock-indicator

Stock Indicator

Show availability and stock urgency.

Setup steps

  1. Open the FramerWoo plugin and insert Stock Indicator.
  2. Place this inside a product CMS context so it can read the current product automatically.
  3. Configure the component behavior in Framer's property panel.
  4. Style its default, responsive, loading, and empty states on canvas.
Stock Indicator displayed over a product image on a Framer product page with stock fields connected
Insert Stock Indicator inside the product CMS context, then connect status, quantity, and variation fields.

Property panel

Use Framer's controls to connect context and match your visual system.

Context
Controls the WooCommerce or CMS data source used by the component.
Content
Controls visible labels, values, formatting, and empty-state copy.
Style
Controls typography, colors, spacing, alignment, and responsive behavior.
Framer property controls for the Stock Indicator component
Stock Indicator controls for product stock data, low-stock thresholds, variations, state styles, and layout.
Stock Indicator In Stock style controls showing background, text, and border options in Framer
Open a stock state style to configure its background, text color, and border.