XStore Badges on Products
Our theme provides a feature in which you can set Badges on products. You can find this option in under Dashboard >> XSTORE >> Theme Options >> WooCommerce >> Shop Elements >> Product badges as you can see in the below image:
In this feature, you can set the "New Label Range", "Sale" Label, "Out Of Stock Label", "Hot" Label.
Further, you can change the background and text color on the label as well. Let’s check each option in this feature.
1- New Label Range:
This option is used to control the new label days limit on product. Like if you upload products today and you set the limit to 10 then the “New” label will appear on uploaded product for 10 days.
2- Out of Stock Label:
If you enable this option a label of “Out of Stock” will appear on the out of stock products.
3- Sale Label:
It is the most useable label in the stores because the majority of the user that wants to buy online will try to find a thing in the store that is on sale. If you are selling some of the products in your store at discount you should enable this “Sale Label” so that on the discount product a sale label will appear as you see in the below image.
You can also, set the sale label color, it’s background color and it’s text as per your need.
4- Show sale Percentage:
There is an option to show the sale percentage if you enable this option it will show the discount percentage instead of the sale text on products.
5- Hot Label:
Show the "Hot" label on Featured products you may set from the Dashboard > Products. Find the product you would like to feature and click the Featured Star. Featured products will have the star icon filled in.
Further, Our theme is compatible with the “YITH WooCommerce Badge Management” plugin, so you can install it. It’s a free plugin, once install it and activate > navigate to the Dashboard >> YITH >> Badge Management and start creating a badge as per your need see the below image as an example:
Like you see I create a new badge:
You can see all the necessary options are available like size, color, border; badge position simply set the settings as per your need then save the badge. Once you have done by creating a custom badge in the plugin settings. Simply edit a product in which you want to show the badge and enable the badge on it as you can see in the below image:
Then check back to the product after clearing the browser cache the badge will appear on the product as you can see in the below image:
Have a nice day!