GET FREE VERSION GET THE PRO VERSION
Avada Theme and Avada Live Builder

Avada Theme and Avada Live Builder

Learn about advanced integration with Avada theme and Avada Live Builder.

In this article

Overview

Avada is a very popular theme made by the ThemeFusion company. It allows you to create complex sites with various layouts — including large WooCommerce shops.

This theme also includes its own page builder — Avada Live. With its help, you can build any page using an intuitive drag-and-drop live editor.

One of the best parts is that Advanced Woo Labels has built-in support for both the Avada theme and the Avada builder — all labels will be automatically displayed for WooCommerce product blocks without any issues. Below, we will cover this in detail.

Show Labels for Avada WooCommerce Product Blocks

To start displaying labels from the Advanced Woo Labels plugin for Avada product blocks, you don’t need to take any extra steps — everything should work out of the box.

Just create your label, set its styles and display conditions, and publish it — the label should now be visible for all Avada WooCommerce products that meet the specified conditions.

Product labels inside Avada WooCommerce block

Product labels inside Avada WooCommerce block

This also applies to Avada Live Builder blocks such as Woo Product Grid, Woo Product Carousel, and Woo Featured Products Slider.

Avada Builder WooCommerce blocks

Avada Builder WooCommerce blocks

All labels for these blocks should display without any issues.

Replace Default Avada Labels

When viewing any product in the Avada theme, you might notice default labels like On Sale and Out of Stock.

Products with default Avada labels

Products with default Avada labels

These are default labels generated by the Avada theme and inherit its styles.

But what if you want to replace them with custom On Sale and Out of Stock labels created using the Advanced Woo Labels plugin?

This is possible — and we’ll walk you through how to do that below.

Steps to replace the default Avada theme labels:

  1. Go to the Adv. Woo LabelSettings page.
  2. On this page, you will find two options to hide the default On Sale and Out Of Stock labels: Show default 'sale' label and Show default 'out-of-stock' label. Set both of them to Hide.

    Options to hide default labels

    Options to hide default labels

  3. Now that the default labels are hidden, you can create new ones. Go to Adv. Woo LabelAdd New.

    Here, we will create a new Out Of Stock label. First, set a rule for the Label Condition option:

    Product stock status → equal to → Out of stock

    Then set the text for the Label Text field — for example, Out Of Stock.

    You can also adjust other label options like style, position, etc. When finished, click the Publish button.

    Options for 'Out of Stock' label

    Options for 'Out of Stock' label

  4. Next, let’s create a new On Sale label.

    Create another label with the following Label Condition option:

    Is on sale → equal to → Yes

    Set the text for the Label Text field. In our example, it will be On Sale!

    Once ready, click the Publish button.

    Options for 'On Sale' label

    Options for 'On Sale' label

  5. That's it! You’ve now replaced the default Avada theme labels with your custom ones. Open any shop page with WooCommerce products to see your newly created labels in action.

    Products with newly create labels

    Products with newly create labels