Inventory status

Inventory status block highlights the product's stock level, creating a sense of urgency and encouraging purchases for items with limited availability. It can display stock numbers, progress bars, or customized messages.

Settings:

1. Low inventory threshold (Slider: Range from 0 → 50):

Determines the inventory level at which the "low inventory" message or progress bar appears.

Example: Setting the threshold to 10 means the low inventory alert appears when fewer than 10 items are in stock.

1. Low inventory label: Customizable text for the low inventory alert.

Use ||count|| as a placeholder for the remaining inventory count.

Example:

• Enter: Hurry! Only ||count|| items left.

• Display: Hurry! Only 5 items left. (for 5 remaining units).

1. Content alignment: Adjusts the alignment of the text and progress bar within the block: Left or Right.

2. Show icon: Enables or disables the display of the clock icon next to the low inventory message.

3. Show progress bar: Adds a visual progress bar below the low inventory label, indicating stock levels. The progress bar's fill percentage corresponds to the number of items left relative to the low inventory threshold.

Example: For 5 items left with a threshold of 10, the progress bar fills to 50%.

1. Colors:

• Inventory number: Customize the color of the inventory count.

• Text: Adjust the color of the low inventory label.

• Progress bar: Set the progress bar's fill and background colors.

Note: The block disappears entirely if the product is no longer available.