Product Stock

Product Stock widget is a Single Product Template widget. You can use this widget to show the product stock status.

Let’s learn how you can use Product Stock Widgets on your wooCommerce site:

Step 1: Enable the Product Stock Widget #

To enable the widget,

  • Go to ShopEngine > Widgets > Product Stock
  • Turn on 
  • Save changes
Turn  on product stock

Note: You can also turn on Product Stock with a global setting that turns on all the widgets of ShopEngine at the same time.

Step 2: Add Product Stock #

Before you can add the widget you need to create a Single Product Template first. Check out the documentation on how to create a Single Product Template.

To add Product Stock:

  • Go to ShopEngine > Templates > Single Page Template
  • Click on Edit with Elementor
edit single product template
  • Search for Product Stock on Elements Search option
  • Drag and drop the widget 
  • Click on Update to save changes.
 drag and drop product stock

Step 3: Settings of Product Stock #

 product stock settings

You can customize the following settings:

  • Product Stock:
    • Type: This is a preview option. You can choose from the dropdown and see how it will show up in the front end.
    • Alignment: You can set the alignment as left, right or center.
    • Typography: You can change the font family, font size, font weight, transform, style, and line-height here.
stock status settings
  • In Stock: Expand this option to choose an icon for the In-Stock status and also pick a color.
  • Out of Stock: Here you can choose an icon for the out of Stock status and also pick a color.
  • Available On Backorder: Expand this option to choose an icon for the Available on Backorder status and also pick a color.

Click on the Update option to save all the changes.

Here is how Product Stock looks like :

Preview Product Stock
What are your feelings
Updated on March 27, 2022