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 633 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

Pro

On Sale Ribbon for WooCommerce Products Query Loop in Bricks

Showing a SALE ribbon for products that are output using Bricks‘ Query Loop.

Categories: Bricks, Plugins, Pro

Tags: WooCommerce

Pro

[WooCommerce] Up-Sells and Cross-Sells Query Loop in Bricks

This tutorial provides the steps to set up up-sells and cross-sells in the single product template.

Categories: Bricks, Plugins, Pro

Tags: bricks/posts/query_vars, JSON Code, Query Loop, WooCommerce

Product Gallery Carousel in Bricks

Showing how we can replace the images of a Carousel with those set in the Product Gallery for product pages.

Categories: Bricks, Free

Tags: bricks/element/settings, Carousel, Filters, WooCommerce

Pro

How to Modify Products Element Query in Bricks to Output Child Products

This Pro tutorial provides the steps to limit WooCommerce products output by Bricks' Products element on single product pages to only the children of the…

Categories: Bricks, Plugins, Pro

Tags: bricks/query/result, WooCommerce

Pro