Please read the full documentation to use the plugin properly! Thank you!
+ added WooCommerce 3.5.1 support
Introducing the Improved Badges for WooCommerce, installation and registration!
Plugin settings and options, check this section for more information!
FAQ and a small knowledge base on the issues.
If you come across on some installation, or any other problems, here is where to find us!
Introducing the Improved Badges for WooCommerce, installation and registration!
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 Badges for WooCommerce is a plugin that will add designs for sale, featured, new and similar badges in your WooCommerce shop. Check plugin demo pages here!
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 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
Follow the steps below to install inside WordPress
Plugins
Plugins
and click Add New
Upload Plugin
button
improved-sale-badges.zip
on your computer and click Install Now
Activate
to activate your newly installed Improved Badges plugin
After installation, activate the plugin and check your new Improved Badges for WooCommerce! Navigate to WooCommerce > Settings > Improved Badges
for the plugin settings page!
Follow the steps below to install via FTP
improved-sale-badges.zip
to a desired location on your HDD. These extracted files will be uploaded later via FTP
/wp-content/plugins/
server directory
improved-sale-badges.zip
archive
/improved-sale-badges/
to remote /wp-content/plugins/
Plugins
and click the Activate
button
After installation, activate the plugin and check your new Improved Badges for WooCommerce! Navigate to WooCommerce > Settings > Improved Badges
for the plugin settings page!
Plugin automatic updates are available! Just use Envato Market (https://envato.com/market-plugin/) plugin!
To get automatic updates within your website WordPress Dashboard use the Envato Market (https://envato.com/market-plugin/) plugin. This plugin, once installed, will allow you to update all plugins and themes purchased on CodeCanyon or Themeforest, so feel free to use this standardized solution! To get this to work, you need to navigate here → Envato Market (https://envato.com/market-plugin/) and install and activate this plugin. Once done, plugin will connect to the Envato platform and acquire your purchase information. Then you can update all plugins and themes directly in your WordPress Dashboard! Sounds awesome!
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.
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.
Checked
NOTE: In Avada, you'll need to add following snippet to your custom CSS.
.isb_sale_badge {z-index:51;}
To install Improved Badges properly on Atelier theme, navigate to WooCommerce > Settings > Improved Badges
and set the Installation, Registration and Advanced Settings
accordingly to the following settings.
Unchecked
woocommerce_before_shop_loop_item
woocommerce_before_single_product_summary:15
Also, you can hide the default badge with this custom CSS code.
.woocommerce .badge-wrap {display:none!important;}
To install Improved Badges properly on BeTheme theme, navigate to WooCommerce > Settings > Improved Badges
and set the Installation, Registration and Advanced Settings
accordingly to the following settings.
Checked
woocommerce_before_shop_loop_item
Also, you can hide the default badge with this custom CSS code.
.woocommerce .onsale {display:none!important;}
To install Improved Badges properly on Enfold theme, navigate to WooCommerce > Settings > Improved Badges
and set the Installation, Registration and Advanced Settings
accordingly to the following settings.
Checked
woocommerce_before_shop_loop_item
Also, you can hide the default badge with this custom CSS code.
.woocommerce .onsale {display:none!important;}
To install Improved Badges properly on Legenda theme, navigate to WooCommerce > Settings > Improved Badges
and set the Installation, Registration and Advanced Settings
accordingly to the following settings.
Unchecked
woocommerce_before_shop_loop_item:10
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;}
To install Improved Badges properly on Shopkeeper theme, navigate to WooCommerce > Settings > Improved Badges
and set the Installation, Registration and Advanced Settings
accordingly to the following settings.
Unchecked
woocommerce_before_shop_loop_item:10
woocommerce_before_single_product_summary:15
Plugin settings and options, check this section for more information!
Using the plugin is very easy! Read more here!
Improved Badges for WooCommerce is a simple plugin that will automatically add new badges to your Shop. If you do not see any change, please check the Theme Specific Installations
section. Navigate to WooCommerce > Settings > Improved Badges
to configure the plugin.
To setup the default badge click the Default Badge
tab.
Setup default badge in this section!
Use this select box to cycle thru styles. Styles will be added as the plugin gets updated.
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.
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 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 badges can have lables. Enter a label to see the result. This option is only used with Special Badge.
Make badge presets here!
Click Add Item + to create a new custom badge! IMPORTANT
Assign badges to fetarued, new, categories or tags!
This is the Badge Manager! Assign badges to different criteria here! IMPORTANT
Set new product expire in period (days).
Set new product badge preset.
Set featured products badge.
Add tag badge presets.
Add category badge presets.
Options realted to countdowns and timers are here!
Select sale timers to disable.
Adjust sale timer countdown clock. Option is set in minutes.
Installation and registratoin! Read more here!
Enable custom badge override for each product.
This is the default installation when checked, sale-flash.php template will be replaced with the plugin badge. If you enter a custom action below, the entered action will be used to output the plugin badge in the appropriate place in your theme.
Use custom initialization action for Shop/Product Archive Pages. Use actions initiated in your content-single-product.php template. Please enter action name in following format action_name:priority ( default: woocommerce_before_shop_loop_item:10 )
Use custom initialization action for Single Product Pages. Use actions initiated in your content-single-product.php template. Please enter action name in following format action_name:priority ( default: woocommerce_before_single_product_summary:15 )
Check this option to enable plugin scripts in all pages. This option fixes issues in Quick Views.
Any product can have a custom badge! Find out how!
Default sale badges can be set for each product separetly. If you want to use this option, you'll need to activate the Single Product Badges
in the Installation
tab. This is mainly due to the optimization of the plugin. The options for setting the badges are in the edit screen of your product under 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
.
If Single Product Badges option is used, this tab will be shown! IMPORTANT
[ib_badge]
NEWUse 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" ) |
This is the FAQ and How to section? If you are having issues check these guides!
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'); ?>
These actions output the product page or the shop badge. They can be inserted into any file, make sure $product
variable is available!
If something goes wrong check this section. Contact the support and we will help!
If everything else fails you can surely get support!
If you need help, navigate here → Support Pages (https://mihajlovicnenad.com/support/). With every purchase, 6 months of Premium Support is included. To login to Premium Support click the Connect with Envato button. If you need to discuss something with the community use the Community Forum. Using these channels you can open tickets or topics, report problems with plugins, bugs and track important inofrmation too. Be a part of this community and join today! Thanks!
Hard work and dedication stand behind the Improved Badges for WooCommerce!
Improved Badges for WooCommerce was developed by Mihajlovicnenad.com!
If you have missed some of these, please check now as it might be useful!
+ Improved Badges for WooCommerce 3.2.2 - 25. October 2018. - added WooCommerce 3.5.0 support + Improved Badges for WooCommerce 3.2.1 - 21. September 2018. - added export/import, backup/restore and reset options + Improved Badges for WooCommerce 3.2.0 - 8. August 2018. - removed automatic updates and registration! to get automatic updates from WordPress Dashboard use the Envato Market (https://envato.com/market-plugin/) plugin - updated admin panel to 1.0.7 - updated and improved plugin documentation + Improved Badges for WooCommerce 3.1.2 - 24. May 2018. - updated admin panel to 1.0.6 + Improved 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 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 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 Badges for WooCommerce 3.0.1 - 18. March 2018. - added [ib_badge] shortcode! insert a badge anywhere! - fixed purchase code/registration issues + Improved 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 Badges for WooCommerce 2.5.3 - 20. December 2017 - fixed rtl support - fixed automatic updates not working + Improved 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 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 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 Badges for WooCommerce 2.4.2 - 9. April 2017. - WooCommerce 3.0.0 compatibility + Improved 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 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 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 Badges for WooCommerce 2.1.1 - added actions for manual installation - fixed a few bugs - fixed translations + Improved 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 Badges for WooCommerce 2.0.1 - fixed external/affiliate product support - fixed single product notices - fixed single variable product badges + Improved 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 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 Badges for WooCommerce 1.0.2 - fixed single products sale badge bug + Improved Badges for WooCommerce 1.0.1 - added single product badge override - added 3 new presets