Stock Status
In stock, low, or out. The state travels in an attribute, so styling never rests on colour alone.
Props
| Prop | Type | Default | What it does |
|---|---|---|---|
| Font size | text | 0.9375rem | |
| Stock label | text | {this.fecommerce.stock_label} | Comes from the product being shown. Inside a loop it follows each product by itself when the loop’s item is called «this»; with any other name, bind it to that name. |
| Stock state | text | {this.fecommerce.stock_state} | Comes from the product being shown. Inside a loop it follows each product by itself when the loop’s item is called «this»; with any other name, bind it to that name. |
Variables of its own
| Variable | Default | What it controls |
|---|---|---|
--fe-woo-stock-size | var(--fe-woo-text-l, 0.94rem) | How big the line is. |
--fe-woo-stock-low-color | var(--fe-woo-warning, #b45309) | «Only a few left»: the text and its «!». |
--fe-woo-stock-out-color | var(--fe-woo-danger, #b91c1c) | «Out of stock»: the text and its «✕». |
--fe-woo-stock-backorder-color | var(--fe-woo-muted, #6b7280) | «Available on backorder»: the text and its «⟳». |