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

Check if the User Purchased Any of the Specified Products

This Pro tutorial provides the steps for setting up a dynamic data condition on any element in Bricks so it can be output only if…

Categories: Bricks, Plugins, Pro

Tags: Conditions, Dynamic Data, WooCommerce

Create A Customizable AJAX Add To Cart Button In Bricks Builder

In Bricks, you can simply create an Add To Cart button from a dynamic data / function {woo_add_to_cart}. This button supports AJAX as well if…

Categories: Bricks, Free, Plugins

Tags: AJAX, Conditions, WooCommerce

[WooCommerce] Product Category Image Background in Bricks

How to set up the product category thumbnail image as the background of a Section.

Categories: Bricks, Free, Plugins

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

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

Pro

WooCommerce Product Gallery Images in Bricks Query Loop

How to output the images attached to Product gallery on a product page with a query loop

Categories: Bricks, Plugins, Pro

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

Appending WooCommerce Endpoint Names To My account Page Titles in Bricks

Adding the WooCommerce endpoint names, “Orders”, “Downloads” after the WooCommerce ‘My account’ Page’s title text at the various endpoint URLs.

Categories: Bricks, Free, Plugins

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

View All Tutorials