Out of Stock Ribbon for WooCommerce Products in Bricks

This Pro tutorial provides the steps to show a "OUT OF STOCK" ribbon for WooCommerce products that are output via the Bricks' Products element on listing pages like the Shop page and product category/tag archives.

Step 1

Let's register a custom function for our ribbon.

Add the following in your child theme's functions.php or a code snippets plugin like WPCodeBox:

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Instant access to 390+ Bricks code tutorials with BricksLabs Pro