Dette innstikket er ikkje testa med dei tre siste utgåvene av WordPress. Det kan henda det ikkje blir vedlikehalde lenger, og kan ha problem med nyare versjonar av WordPress.

WooCommerce Product Badge


A WooCommerce plugin that let you display «New», «Sale» (Save %) and «Featured» badge at shop and product page.

In WooCommerce Sidebar Menu, there will be a new submenu link called «Product Badge» where you can:

  • Enabled / Disabled the plugin
  • Display Position (Product Page)
  • Show «New» Badge
  • New Product with How Many Days?
  • Show «Sale» Badge
  • Show «Featured» Badge


  • Displays «New», «Sale» and «Featured» badge on WooCommerce products.
  • 2 languages available : English UK (en_GB) and Chinese (zh_CN)


  • If you need to add new language file, do use POEdit and open «wc-product-badge.pot» file and save the file as wc-product-badge-[language code].po, then put that into languages folder for this plugin.


In addition to these features, over 20 WooCommerce extensions are available:

and many more…


  • The WooCommerce > Product Badge option page.

  • The shop page with product badges.

  • The product page with Sale and New badge.

  • The mobile layout for product page.

  • The product badge/label shown «After Product Price» as Display Position option.


  1. Upload woocommerce-product-badge to the /wp-content/plugins/ directory
  2. Activate the plugin through the «Plugins» menu in WordPress
  3. You can enable «New, Sale» and «Featured» option.
  4. Define how «New» products must be (in days) to receive the «New» badge on the shop and product page.
  5. Done!

Vanlege spm.

I want to style the badge myself, how do I remove the default styles

There are only a couple of styles applied to the badge. Although not best practise it’s probably safe to just overwrite these with your own css. However, if you want to do it properly you can either dequeue the css:

add_action( 'wp_enqueue_scripts', 'remove_product_badge_styles', 30 );
function remove_product_badge_styles() {
    wp_dequeue_style( 'wc-product-badge-stylesheet' );


3. september 2016
Please, note some of the following issues for you future plugin development: – Keep up to semantic code. You insert your badges as <h3> elements, which they are not. Use <span> or <div>, not headings. – Don’t use fonts you don’t provide. E.g. I don’t have «Helvetiva Neue» on my laptop, which makes font: … «Helvetica Neue» in your style.css a useless line of code.
3. september 2016
I tried 2 others that conflicted with my plugins then I tried this one which worked like a charm, and SO SIMPLE to use… thank you guys!
Les alle 6 omtalar

Bidragsytarar og utviklarar

“WooCommerce Product Badge” is open source software. The following people have contributed to this plugin.




  • Added PRO Version that let you display «New», «Sale» (Save %), «Featured», «Sold Out» and «Popular» with unit sold option badge at shop and product page.


  • Make product label text «New», «Featured» and «Sale Save (%)» translateable


  • Fixed undefined variable bugs
  • Add new option «Display Position (Product Page)» to set priority of badges on woocommerce_single_product_summary


Initial release.