Add and show energy label

Create a new product, or click on the product that you want to add an EU Energy Label too. A new “EU Energy Label” tab has been added in the product editing page. From the dropdown you can select the label you want to add.

EU Energy label product edit

You can choose the position of the energy label in a single product page, moving the default position to a one of following options

  • On product thumbnail
  • Above summary
  • Above description
  • Below description
  • Below add to cart button
  • Below summary
  • Use shortcode

settings

By enabling the ‘show on shop thumbnails’ option, the EU labels will be visible on shop page.

EU label shop page

By using the shortcode  [yith_eu_energy_label] you are able to add the energy label in the product page.

shortcode

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.

Go to the WooCommerce->Products and select the products you need to edit. Select Edit and click on Apply. You will get a similar result.

EU Energy Label bulk edit

In Product data, you will find the EU Energy option that allows setting a specific energy label to all the products previously selected.

EU Energy Label bulk edit

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

With the Tooltip options in the product editing page, you can add an image that will be displayed when the mouse hovers over the product label.

Add a tooltip

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

tooltip image