Skip to main content
All CollectionsElements
How to use the Product Inventory Countdown element
How to use the Product Inventory Countdown element
Daniel Howard avatar
Written by Daniel Howard
Updated over a week ago

The Product Inventory Countdown element is a mini element that shows a countdown for the inventory remaining of a product on your page.

Note: The Product Inventory Countdown element needs to be inside a Product element, so in order to use it, you need first insert a Product element into the page.

You can find and insert a Product Inventory Countdown element from the sidebar.

This is how the Product Inventory Countdown element looks inside the Editor

Important options

  • Product: Select the product to show.

  • Inventory source: Select the source of the inventory quantity.

    • Auto: Automatically get product inventory data from Shopify.

    • Manual: Manually set the product inventory quantity.

  • Quantity: The product inventory quantity. Only available if Inventory source is Manual.

  • Message: The message to show.

  • Fallback message: The message to show if the product is out of stock, or if the product quantity is undefined.

  • Progress bar: Change styles for the progress bar.

    • Effect: Enable the dynamic effect for the progress bar.

    • Remaining percent: The percentage of the quantity remaining which is illustrated in the progress bar.

    • Progress bar height: The height of the progress bar.

    • Progress color: The color of the quantity remaining which is illustrated in the progress bar.

    • Progress background color: The background color of the progress bar.

Did this answer your question?