I want to have a plugin created for WooCommerce to display badges on product listing pages and on product pages.
There are plugins such as YITH WOOCOMMERCE BADGE MANAGEMENT that already exist, however what I'm interested in is allowing badges to have something inserted inside them.
For example, lets say we wanted a badge for all our products to show our score/rating for them. Lets call it "Coolness Factor".
When adding a product, I'd like to be able to choose the Coolness Factor badge and then choose what to insert inside it, e.g. '9.2', 'A+', 'Super Cool' or a custom icon.
Badges should be CSS/HTML5 only, not images.
- Provide 3 default styles and I will provide a 4th of one I want creating.
Provide the ability to choose the position of the badge
- I like how YITH positioning works; simple icons showing: top-left, top center, top-right, middle-left, middle center, middle-right, bottom-left, bottom-middle, bottom-right. Their drag to position is cool - if this isn't much effort I'd prefer this, otherwise the aforementioned is fine.
Badge sizing needs to be considered
- main images on product pages are often much bigger than product listing blocks. Using the same badge size wouldn't look proportionate. Provide a solution for this, whether it being scaling or choosing a badge for listings and a badge for product pages.
Toggle badge display
- choose whether they're displayed only on listing pages, only on product pages, on both, or dont display at all.