WooCommerce New Product Badge

A very simple plugin that displays a ‘new’ badge on products that were published in the last x days. X is defined on the catalog tab of the WooCommerce settings screen.

Please feel free to contribute on github.

1. Upload woocommerce-new-product-badge to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Define how ‘new’ products must be (in days) to receive the ‘new’ badge on the catalog tab of the WooCommerce settings screen.
4. Done!

Installation Instructions

1. Upload woocommerce-new-product-badge to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Define how ‘new’ products must be (in days) to receive the ‘new’ badge on the catalog tab of the WooCommerce settings screen.
4. Done!

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_new_badge_styles', 30 );
function remove_new_badge_styles() {
    wp_dequeue_style( 'nb-styles' );
}

Or use the filter:

add_filter( 'woocommerce_new_badge_enqueue_styles', 'remove_new_badge_styles' );
function remove_new_badge_styles() {
    return false;
}