View Product Page

Show energy label

You can manage the options to show the energy label on the Shop and single product pages from the Settings tab.

General options

  • Position in single product page: Choose the position of the energy label on the single product page. You can choose from these options:
    • On product thumbnail
    • Above summary
    • Above description
    • Below description
    • Below add to cart button
    • Below summary
    • Use shortcode: You can add the energy label on any page by using the [yith_eu_energy_label] shortcode.

shortcode (1)

Above you can see an example of the added shortcode.

  • Show on shop thumbnails: The EU energy labels will be visible on the shop page.

labels frontend

A thumbnail with the energy label is added to the product image on the shop page.

Label Linking Options

Label Linking Options lets you decide what will happen if a customer clicks on the EU Energy Label.

  • Nothing
  • All Products with the same energy label: your customers will see the complete list of products of a specific energy class on one single page.
  • URL Link: redirect your customers to a specific page once clicked on any energy class label of your products.

Label linking options

By default when a customer clicks on an energy label he is redirected to a page that contains all products associated with that energy label.

same label

Add energy label

Create a new product, or click on the product to which you want to add an EU Energy Label. You can find the “EU Energy Label (New 2021)” tab on the product edit page.

Add energy label 2021

From the dropdown, you can select the energy label you want to add.

energy label frontend

How to bulk edit energy labels

If you need to edit energy labels for your products in bulk, you can take advantage of WordPress bulk actions.

bulk edit

Go to products and select the products you need to edit. Select Edit and click on Apply.

EU Energy bulk

In the Product data section, you will find the EU Energy label and EU Energy label (new 2021) options that allow setting a specific energy label for all the products previously selected.

Add a Tooltip

You can decide to show a tooltip and choose the image.

show tooltip add image

Select the “Show tooltip” option and add the image you want by using the “Choose image” button.

tooltip example

When hovering over the energy label on the product page, the tooltip image will be shown.

Transition from old label to the new 2021 label

If you are already using the YITH EU Energy Label plugin, you will have to switch to the new 2021 energy label regulations. Here we explain the steps.

It is important to always set the old label to “none” when applying the new label.

Per product

Step 1: Old label

Set old label to none

We open the product edit page and go to the “EU Energy Label” tab, here we set the old label to “None”.

Step 2: New 2021 label

new 2021 label

Now we go to the “EU Energy Label (new 2021)” tab and select the new label. (You can set the tooltip options as you did for the old label).

Bulk edit the label of multiple products

Step 1: Select products

edit and apply

Here we select 3 products that have the same label and we want to change to the new label. Select the products, choose ‘Edit‘ from the dropdown and click on apply.

Please note: All products you select will get the same new label.

step 2: change the old label and new label

bulk edit old to new

We set the old “EU Energy label” to “None” and we choose the new “EU Energy Label (New 2021)”. We set it to B, so all the selected products will get this new label.