Product Box Designer: Block — Stock Status
Block — Stock Status
Stock status shows if the product is in stock. It helps the customer see availability without clicking on the product.
What the block does
The block shows whether the product is in stock or sold out, with a green checkmark icon for «in stock» and a red cross for «sold out». You can display the exact quantity in stock, hide the text label so only the icon is visible, and override the default texts.
Settings
Setting | What it does |
|---|---|
Font options | Font size, weight, and style. |
Alignment | Left, center, or right. |
Hide text | Shows only the status icon, without the text label. |
Show stock amount | Shows the exact number of units in stock. |
Override «In stock» text | Replaces the default text with your own. |
Override «Out of stock» text | Replaces the default text with your own. |
Text color | Color of the status text. |
Background color | Background behind the status indicator. |
Border / Corner radius | Outline and rounding. |
Column width | How wide the block is in the row, out of 8 columns. |
Inner padding | Spacing inside the block. |
Outer padding | Spacing around the block. |
How to use it
- Use Show stock amount to create urgency when stock is low («3 left»). Consider whether you want to show numbers even when stock is high.
- Override the texts if the store uses its own phrasing, for example «Ready for delivery» and «Temporarily out of stock».
- Hide text provides a clean look where only the green or red icon indicates the status — suitable for compact cards.
Tips
- If the store allows purchase of out-of-stock items (backorders), the product is considered available, and the 'in stock' display is used. This is controlled by the store's stock setting, not the block.