This element makes it simple to display eye-catching badges on your WooCommerce products. Whether it’s a sale badge, an in-stock badge, an out-of-stock badge, or any other type of badge, you can easily enhance your product listings. One of its standout features is the variety of stylish presets available for the badges, allowing you to pick the look that best suits your store. Plus, you have the option to upload your own custom badge image for a truly personalized touch.
The cool thing is you don’t have to manually set these badges on each product. Instead, you just pick what type of product it is, like if it’s a best-selling or a recent product, and the badge automatically shows up on all the products based on the product type you selected. So it’s an easy way to make your store look more personalized and interesting for your customers.
The “Woo-Product Badges” element features the following controls.
Content
Note: In the Custom Label section, use {{discount}} for the Sale Badge to show the dynamic discount percentage, and {{price_off}} to display the dynamic price deduction.
- Badge Type: Select the badge type to apply the badge.
- Number of Sales: Specify the minimum number of sales to consider the product as best selling(applicable for Best Selling Badge Type).
- Threshold Days: Specify the number of days to consider the product as recent(applicable for Recent Badge Type).
- Badge Layout: Select the badge layout from available presets.
- Choose Image as Badge: Upload and badge image(applicable for Custom Badge).
- Enable Overflow on Parent: Activate the option to enable overflow on parent(applicable for preset 9 badge layout).
- Custom Label: Enter the label for badge.
- Icon: Select the badge icon.
- Icon Position: Select the badge icon position.
- Icon Gap: Specify the gap between badge label and badge icon.
Badge Style
- Image Size: Specify the size of custom badge image(applicable for custom badge layout).
- Width: Specify the width of badge.
- Height: Specify the height of badge.
- Background: Select the background color of badge.
- Border: Set the border(applicable for preset 2 & 10, and custom badge layout).
- Box Shadow: Set the box shadow(applicable for preset 2 & 10 badge layout).
- Padding: Set the padding(applicable for custom badge layout).
