1st Jun '22

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

Tagged:

Bricks

Pro

WooCommerce

Sridhar Katakam

Sridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.

Get access to all 610 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro

Products in the Same Product Categories as the Current Product in Bricks

How to output WooCommerce products related by the current product’s categories when viewing the product page.

Categories: Bricks, Pro

Tags: bricks/element/settings, Filters, WooCommerce

WooCommerce Product Loop Template in Bricks

Create a standard product loop template design in Bricks, and set it to override the default WooCommerce product loop.

Categories: Bricks, Free, Plugins

Tags: Dynamic Data, Template Overriding, WooCommerce

Pro

Quick View Buttons for Woo Products in Bricks

This Pro tutorial provides the steps to set up quickview buttons for products in a Woo (formerly, WooCommerce) products grid using Bricks' Popups and Interactions…

Categories: Bricks, Plugins, Pro

Tags: WooCommerce

Pro