Display Woocommerce Product Stock Status on Essential Grid

This article will show you a method to display the stock status on a WooCommerce Product Grid Item.

  • Quick Note:
    Refer to this article that explains how to create a WooCommerce Product Grid

Step 1: Insert the custom PHP code below into your theme functions.php file or with the Code Snippets Plugin

Step 2: Edit the WooCommerce Product Grid Skin.

Step 3: Create a new Layer and select Text/HTML as Layer Source.

Step 4: Replace the Layer Texts with the shortcode below in the "Text/HTML" source

Output: