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 632 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Pro

Posts Grouped by Terms in Bricks

One of the most useful features of Bricks builder is the Query Loop and it is more powerful than what appears on the surface i.e.,…

Categories: Bricks, Plugins, Pro

Tags: bricks/element/settings, bricks/posts/query_vars, Filters, WooCommerce

Pro

Single Product Template in Bricks

In this Pro tutorial we share an export of a pre-made Bricks Template for single products.

Categories: Bricks, Pro

Tags: Template Export, WooCommerce

Pro

How to Add Support for Variable Products in Bricks WooCommerce Filters

Filtering for In Stock or Out of Stock WooCommerce products using Bricks' filters currently only works at the product level and not variation level. This…

Categories: Bricks, Plugins, Pro

Tags: 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

WooCommerce Products Live Search in Bricks

This Pro tutorial provides the steps to set up a live search for WooCommerce products in Bricks. Note: Bricks' live search works with any type…

Categories: Bricks, Plugins, Pro

Tags: WooCommerce

Pro

Conditional Bricks Templates Based on Product Category Hierarchy Levels

Programmatically appling Bricks templates to product category archives based on hierarchy level.

Categories: Bricks, Plugins, Pro

Tags: bricks/active_templates, WooCommerce

Pro

WooCommerce Product Reviews Bricks Query Loop

Creating a custom query loop for WooCommerce product reviews for building custom review layouts.

Categories: Bricks, Plugins, Pro

Tags: Custom Query Type, WooCommerce

Pro

Product Attribute based Related Products Bricks Query Loop

How to output products related by value of attribute(s) for the current product on single WooCommerce product pages.

Categories: Bricks, Plugins, Pro

Tags: WooCommerce

How To Remove the Featured Image from WooCommerce Product Gallery

Product Gallery on single product pages in WordPress include the product's featured image by default. If you are looking to exclude it so only the…

Categories: Free, Plugins

Tags: WooCommerce

View All Tutorials