Improved Sale Badges for WooCommerce

Please read the full documentation to use the plugin properly! Thank you!

Visit Mihajlovicnenad.com

Help us out, let's boost the plugin experience! - Thanks!

Got not included or better translation files? Or anything else you think we should see that can improve the plugin experience? Please send it over! Lets include all of those and make it a better package! Send us an email using the contact form here Mihajlovicnenad.com and tell us how to be even better! Thanks!

Very Important - Support Changes

We are moving support to our site Mihajlovicnenad.com. Read more in the Support Section!

Change Log - Improved Sale Badges for WooCommerce 3.1.2 - 24. May 2018.

+ updated admin panel to 1.0.6

1. Installation, plugin features and automatic updates?

Introducing the Improved Sale Badges for WooCommerce, installation and registration!

1.1 Features

This documentation will help you understand your new plugin, and get the most out of it. Please read full documentation in order to use it properly.

Improved Sale Badges for WooCommerce is a plugin that will transform your sale badges into something that your customers can relate to. Change the style according to your current collection, season or holiday. Plugin seamlessly integrates itself in the WooCommerce interface. Find its settings by navigating to WooCommerce > Settings > Improved Sale Badges. After a quick installation and setup your shop will automatically show the new badges with the discounts. Discounts will be shown in percentage or money saved, custom presets and colors can be setup and you can change the badges on the fly! Check the demo page at this link. To get more awesome plugins by Mihajlovicnenad.com click here.

1.2 Installation

Provided information in this section covers the plugin installation updates and registration.

To install this plugin you must have a working version of WordPress and WooCommerce plugin already installed. Download the Improved Sale Badges for WooCommerce archive from Codecanyon.net, extract the archive and inside you will find plugins files, documentation and translations. In the archive file containing the installable plugin is named improved-sale-badges.zip.

Please Note: You can install the plugin in two ways: inside WordPress, or via FTP. If you have trouble installing the theme inside WordPress, please proceed with installing it via FTP and you will be able to get around the issue

Installing from WordPress

Follow the steps below to install inside WordPress

  • Navigate to Plugins
  • Click Install Plugins and click Add New
  • Click the Upload Plugin button
  • Navigate improved-sale-badges.zip on your computer and click Install Now
  • When installation is done please click Activate to activate your newly installed Improved Sale Badges plugin

After installation, activate the plugin and check your new Improved Sale Badges for WooCommerce! Navigate to WooCommerce > Settings > Improved Sale Badges for the plugin settings page!

Installing via FTP

Follow the steps below to install via FTP

  • Unzip improved-sale-badges.zip to a desired location on your HDD. These extracted files will be uploaded later via FTP
  • Connect to your server via FTP
  • Navigate to /wp-content/plugins/ server directory
  • Locate the local directory where you have unzipped the improved-sale-badges.zip archive
  • Upload local folder /improved-sale-badges/ to remote /wp-content/plugins/
  • To activate the newly installed plugin navigate to Plugins and click the Activate button

After installation, activate the plugin and check your new Improved Sale Badges for WooCommerce! Navigate to WooCommerce > Settings > Improved Sale Badges for the plugin settings page!

1.3 Register and Automatic Updates

To get automatic updates and more directly from WordPress register your Sale Badges!

After installation, navigate to WooCommerce > Settings > Improved Sale Badges and enter your Codecanyon.net purchase code to get automatic updates. When an update is available, WordPress will notify you about the new release and ask you to update. For a manual check navigate to Plugins > Improved Sale Badges and click the Check For Updates button.

1.4 Theme Specific Installations

Some themes require a bit of attention!

Templates that do not show the sale badges automatically are not standard WooCommerce themes and need some modification in order to work as expected. These problems are caused mainly by not following WooCommerce best coding practices when designing themes. However, we have provided these specific theme installations that are known to be troubling. If your theme is in the list just follow the installtion instuctions.

1.4.1 Default Settings - Avada, Bridge, Divi, Flatsome, Listify, Salient, The 7, X Theme and all WooThemes, Elegant Themes and Default WordPress Themes

These themes work as expected with the default settings: Avada, Bridge, Divi, Flatsome, Listify, Salient, The 7, X Theme and all WooThemes, Elegant Themes and Default WordPress Themes.. The default settings follow, if the specified option is empty, just leave it empty.

  • Use Tempalte Overrides : Checked
  • Override Default Product Archive Action :
  • Override Default Single Product Action :

NOTE: In Avada, you'll need to add following snippet to your custom CSS.

.isb_sale_badge {z-index:51;}

1.4.2 Atelier

To install Improved Sale Badges properly on Atelier theme, navigate to WooCommerce > Settings > Improved Sale Badges and set the Installation, Registration and Advanced Settings accordingly to the following settings.

  • Use Tempalte Overrides : Unchecked
  • Override Default Product Archive Action : woocommerce_before_shop_loop_item
  • Override Default Single Product Action : woocommerce_before_single_product_summary:15

Also, you can hide the default badge with this custom CSS code.

.woocommerce .badge-wrap {display:none!important;}

1.4.3 BeTheme

To install Improved Sale Badges properly on BeTheme theme, navigate to WooCommerce > Settings > Improved Sale Badges and set the Installation, Registration and Advanced Settings accordingly to the following settings.

  • Use Tempalte Overrides : Checked
  • Override Default Product Archive Action : woocommerce_before_shop_loop_item
  • Override Default Single Product Action :

Also, you can hide the default badge with this custom CSS code.

.woocommerce .onsale {display:none!important;}

1.4.4 Enfold

To install Improved Sale Badges properly on Enfold theme, navigate to WooCommerce > Settings > Improved Sale Badges and set the Installation, Registration and Advanced Settings accordingly to the following settings.

  • Use Tempalte Overrides : Checked
  • Override Default Product Archive Action : woocommerce_before_shop_loop_item
  • Override Default Single Product Action :

Also, you can hide the default badge with this custom CSS code.

.woocommerce .onsale {display:none!important;}

1.4.5 Legenda

To install Improved Sale Badges properly on Legenda theme, navigate to WooCommerce > Settings > Improved Sale Badges and set the Installation, Registration and Advanced Settings accordingly to the following settings.

  • Use Tempalte Overrides : Unchecked
  • Override Default Product Archive Action : woocommerce_before_shop_loop_item:10
  • Override Default Single Product Action : woocommerce_before_single_product_summary:15

Also, you can hide the default badge with this custom CSS code.

.label-icon.sale-label {display:none!important;}

1.4.5 Shopkeeper

To install Improved Sale Badges properly on Shopkeeper theme, navigate to WooCommerce > Settings > Improved Sale Badges and set the Installation, Registration and Advanced Settings accordingly to the following settings.

  • Use Tempalte Overrides : Unchecked
  • Override Default Product Archive Action : woocommerce_before_shop_loop_item:10
  • Override Default Single Product Action : woocommerce_before_single_product_summary:15

2. Plugin settings and how to use?

Plugin settings and options, check this section for more information!

2.1 Plugin Settings

Using the plugin is very easy! Read more here!

Improved Sale Badges for WooCommerce is a simple plugin that will automatically override the current shop sale badges. If this is not the case please check the Theme Specific Installations section. Navigate to WooCommerce > Settings > Improved Sale Badges to configure the plugin.

Default sale badges can be overriden for each product. If you want to use this option, you'll need to activate the Single Product Badges in the Installation, Registration and Advanced Settings. This is mainly due to the optimization of the plugin. If you do not need this option then uncheck this checkbox for better performance. The options for overriding the badges are in the edit screen of your Single Product in the Sale Badges panel tab. When using custom badges for your products you can use Special Badges too. For these special badges you do not need to have products on sale, any product can have a Special Badge.

2.1.1 Basic Settings

Setup badge basics in this section!

Select Style

Use this select box to cycle thru styles. Styles will be added as the plugin gets updated.

Select Color

Select color to use. If you want to use custom colors I suggest you to edit the colors.css in the /improved-sale-badges/assets/css/ folder as this is the best practice for these kind of small plugins.

Select Position

Position can be either on the left or on the right. The position on the single product pages is always on left. If you want to alter these settings once again you should edit the styles.css in the /improved-sale-badges/assets/css/ folder.

Special Badge

Special badges are not reserved only for sale products. Use these in presets for badge overrides, as setting a Special Badge as default will make a badge appear on all products.

Special Badge Text

Special badges can have lables. Enter a label to see the result. This option is only used with Special Badge.

Badge Manager

Use the Badge Manager to save and re-use badge presets. Saved presets can be used with badge overrides and single product custom badge tab.

Badge Overrides

Use the Badge Manager to override badges on defined products. Available options are featured products, new products with settable expire period, or the category and tag terms overrides.

2.1.2 Installation, Registration and Advanced Settings

Installation and registratoin! Read more here!

Single Product Overrides

Enable badge overrides for each product. If this checkbox is enabled you will be able to set the individual badges for each product.

Use Tempalte Overrides

This is the default installation when checked. If you enter a custom action bellow the entered action will be used to output the sale badge in the appropirate place in your templates. If this option is unchecked default template overrides will not be used.

Override Default Product Archive Action

Change default init action on product archives. Use actions initiated in your content-product.php file. Use this option if the badges do not appear on your product archive pages.

Override Default Single Product Action

Change default init action on single product pages. Use actions initiated in your content-single-product.php file. Use this option if the badges do not appear on your single product pages.

Register Improved Sale Badges

Enter your purchase code to get instant updated even before the codecanyon.net releases!

2.2 Single Product Sale Badges Panel

Any product can have a custom badge! Find out how!

Default sale badges can be overriden for each product. If you want to use this option, you'll need to activate the Single Product Badges in the Installation, Registration and Advanced Settings. This is mainly due to the optimization of the plugin. If you do not need this option then uncheck this checkbox for better performance. The options for overriding the badges are in the edit screen of your Single Product in the Sale Badges panel tab. When using custom badges for your products you can use Special Badges too. For these special badges you do not need to have products on sale, any product can have a Special Badge.

2.2.1 Override Badge Settings

Override any badge using the manager.

Badge Settings

Select sale badge style to override. Select badge style, color and position to override the default badge that was set in the WooCommerce > Settings > Improved Sale Badges

2.2.2 Special Badge Settings

Special badges can be appied too!

Special Badge

Select special badge style.

Special Badge Text

Special badges have a text feature. You can show any text on your Special Badge.

2.3 Badge Shortcode [ib_badge] NEW

Use the shortcode to insert badges anywhere! Even in not product related places!

To output a badge anywhere in your pages use the Improved Badges shortcode!

[ib_badge]

The [ib_badge] shortcode accepts parameters which can be set in this way:

[ib_badge preset="my-cool-preset" class="my-badge-class"]

Supported parameters that can be used with the badge shortcode are listed in the following table.

Parameters Settings
preset="" Badge preset to use. ( e.g. my-new-preset ).
style="" Set badge style. Available options are style_arrow, style_arrow_alt, style_basic, style_basic_alt, style_inline, style_plain, style_pop, style_pop_round, style_fresh, style_round, style_tag, style_xmas_1, style_xmas_2, style_ribbon, style_vintage, style_pure, style_modern, style_transparent, style_transparent_2, style_random_squares, style_fresh_2, style_valentine, style_cool, style_triangle, style_eu, style_eu_2, style_eu_3, style_candy, style_candy_arrow, style_cloud, style_shopkit, style_responsive_1, style_responsive_2, style_responsive_3, style_responsive_4, style_responsive_5, style_responsive_6, style_responsive_7, style_responsive_8, style_responsive_9, style_responsive_10
color="" Set badge color. Available options are avada_green, green, orange, pink, red, yellow, tirq, brown, plumb, marine, dark_orange, fuschia, sky, ocean, regular_gray, summer_1, summer_2, summer_3, summer_4, summer_5, trending_1, trending_2, trending_3, trending_4, trending_5, trending_6, trending_7, trending_8, trending_9, sk_material, sk_flat, sk_creative
position="" Set badge position. Available options are left, right
special="" Set badge special badge. Available options are special_plain, special_arrow, special_bigbadge, special_ribbon
special_text="" Set special badge text.
price="" Regular price. ( e.g. price="10" )
sale_price="" Sale price. ( e.g. sale_price="5" )
type="" Type sets the badge CSS positioning. Default position (when parameter is not used) will be set to block with float properties. More options are available like inline and absolute
shortcode_id="" Add ID to your shortcode ( e.g. class="my-id-1" )
class="" Add classes to your shortcode ( e.g. class="my-class my-class-2" )

3. How to and FAQ?

FAQ and a small knowledge base on the issues.

Q: I want to insert badges templates on my own in the code, because I just cannot install it using actions. How can I do this?

Loop Template Sale Badge Action - do_action('isb_get_loop_badge'); This action is for triggering the loop template sale badge. WooCommerce template file where this action should be triggered is located in your template folder wp-content/themes/your-theme/woocommerce/content-product.php. In this file you should add the action for triggering the loop sale badge template.

<?php do_action('isb_get_loop_badge'); ?>

Single Product Template Sale Badge Action - do_action('isb_get_single_badge'); This action is for triggering sale badges on the single product pages. WooCommerce template file where this action should be triggered is located in your template folder wp-content/themes/your-theme/woocommerce/content-single-product.php. In this file you should add the action for triggering the single sale badge template.

<?php do_action('isb_get_single_badge'); ?>

4. Support?

If something goes wrong check this section. Contact the support and we will help!

4.1 Where to get support?

If everything else fails you can surely get support!

When everything else fails and nothing seems to be right, just visit our support pages, you can always ask for the advice from our agents at Mihajlovicnenad.com Support Pages. Visit this link and click the button Connect with Envato. To get the support you will need to have an Envato/Codecanyon account you have purchased the plugin with, a valid license and a valid support period for the item you will be asking support. When the button, Connect with Envato, is clicked the site will automatically get your purchased products and their support periods. Once logged you can use the Submit Ticket button to open a new ticket. An agent will shortly reply. Please be a bit patient with your requests, we kindly answer everyone in a short period of time. Another way to ask for support is to post a question in the Item Comments Section. Always make sure to have a valid support period and license otherwise your request might just be ignored. If you email us about support via our profile page you will be kindly asked to open a support ticket at Mihajlovicnenad.com Support Pages or we will even ignore this request, as we are not answering support question via our profile page contact form. Read more about what item support inludes at Codecanyon Support Policy Pages. We kindly ask you to avoid questions about customizations or installation in all cases. To check most common issues you can check th FAQ and How to? section. Read the documentation, watch the full guide video and check the FAQ section before contacting! Thanks!

4.2 Plugin author and contact / Mihajlovicnenad.com

Hard work and dedication stand behind the Improved Sale Badges for WooCommerce!

Improved Sale Badges for WooCommerce was developed by Mihajlovicnenad.com!

4.3 Older Announcements and Change Logs

If you have missed some of these, please check now as it might be useful!

Change Log

+ Improved Sale Badges for WooCommerce 3.1.1 - 5. May 2018.
- fixed warning: a non-numeric value encountered in wp-content/plugins/improved-sale-badges/woocommerce/loop/sale-flash.php on line 96
- fixed spanish translation ahore to ahorre
- updated admin panel to 1.0.5

+ Improved Sale Badges for WooCommerce 3.1.0 - 21. April 2018.
- added controls for sale timers/countdowns, display and time adjustment
- fixed admin problems with saving/ordering presets
- fixed admin option names not set
- updated admin panel to 1.0.4

+ Improved Sale Badges for WooCommerce 3.0.2 - 31. March 2018.
- fixed admin issues in general
- fixed new badge period/preset bugs and issues
- fixed ordering badge presets and overrides recent issues
- fixed removing presets/overrides admin issues
- fixed admin settings load

+ Improved Sale Badges for WooCommerce 3.0.1 - 18. March 2018.
- added [ib_badge] shortcode! insert a badge anywhere!
- fixed purchase code/registration issues

+ Improved Sale Badges for WooCommerce 3.0.0 - 9. February 2018.
- added completely new admin panel! developed to suit the performance and precision standards of all Mihajlovicnenad.com plugins! you will love it :) expect quicker load times in all WP pages!

+ Improved Sale Badges for WooCommerce 2.5.3 - 20. December 2017
- fixed rtl support
- fixed automatic updates not working

+ Improved Sale Badges for WooCommerce 2.5.2 - 21. November 2017.
- fixed time zones and sale counters
- removed admin translations entirely
- fine tuned some specific theme installations, check yours!

+ Improved Sale Badges for WooCommerce 2.5.1 - 17. August 2017.
- fixed defaul badge font-family CSS fix
- fixed featured badges and overrides issues
- fixed saving when removing overrides bugs
- fixed fixed notice for missing badge option, bug fix isb-frontend.php

+ Improved Sale Badges for WooCommerce 2.5.0 - 20. June 2017.
- added sale badge presets, save, load and assign badges as presets!
- added sale badge conditions, featured, new products, product tag and category dependable badges
- added new responsive badge group with 10 brand new SVG badges
- added badge preset support on single products
- added plugins scripts option to fix quick view issues
- fixed WC 3.0.x compatibility variable single product sale badge tab
- fixed variable sale badge, scripts not loading
- fixed translation d and days in counters
- fixed 0days not shown anymore in timers
- fixed non single product enabled overrides and $curr_badge issues
- fixed preview not switching from special badge in isb options
- fixed jshint.com all scripts

+ Improved Sale Badges for WooCommerce 2.4.2 - 9. April 2017.
- WooCommerce 3.0.0 compatibility

+ Improved Sale Badges for WooCommerce 2.4.0 - 13. June 2016.
- added full plugin translations in french, spanish, italian, german and dutch
- added 3 new svg badges! candy, candy arrow and cloud
- added installation actions and priorities and sale-flash.php template override checkbox
- improved documentation and added specific theme installations for popular themes such as avada, atelier, betheme, bridge, divi, enfold, flatsome, listify, legenda, salient, the 7, x theme
- fixed a few bugs

+ Improved Sale Badges for WooCommerce 2.3.0
- added automatic updates! enter your purchase code to get automatic updates!
- added 3 new badges! the standardized CSS EU badges
- improved documentation!
- fixed a few bugs

+ Improved Sale Badges for WooCommerce 2.2.0
- added 7 new sale badge styles including transparent, transparent #2, random squares, fresh #2, valentine, cool and triangle!
- added 1 new special badge style! ribbon!
- fixed variable products not showing sale badge without selecting the variation
- fixed single product right position badges

+ Improved Sale Badges for WooCommerce 2.1.1
- added actions for manual installation
- fixed a few bugs
- fixed translations

+ Improved Sale Badges for WooCommerce 2.1.0
- added Spanish translation
- added wpml-config.xml file for easier translations
- improved plugin documentation
- fixed major bugs from previous versions

+ Improved Sale Badges for WooCommerce 2.0.1
- fixed external/affiliate product support
- fixed single product notices
- fixed single variable product badges

+ Improved Sale Badges for WooCommerce 2.0.0
- added WooCommerce schedule sale support
- added all sale badges now support scheduled sales
- added custom label badges! three new styles for the custom labels, Plain, Arrow and Big Badge
- added two new styles for the sale badges, Modern and Pure
- added 15 trending colors
- fixed z-index issues on sale badges
- fixed AJAX previews
- ..and a lot more

+ Improved Sale Badges for WooCommerce 1.1.0
- added variable product sale badges support
- added actions for inserting sale badge templates into themes that do not support the default WooCommerce standards
- fixed default sale badge override bug

+ Improved Sale Badges for WooCommerce 1.0.2
- fixed single products sale badge bug

+ Improved Sale Badges for WooCommerce 1.0.1
- added single product badge override
- added 3 new presets