Website Sale Product Style Custom Badge
This module allows to define badges via product styles. These badges are put on top of the product tile.
auto_awesome What this module does
AI-generated from the code · Odoo 13.0Lets you add custom HTML badges (like "New" or "Sale") on top of product tiles in your Odoo e-commerce website, using product styles.
This module extends the product styles used by the Website Sale app so that each style can carry a custom badge shown on the product tile in the online shop.
- In the Website settings area, a new "Product Styles" menu lets website publishers create and edit styles. Each style has a name, a CSS class, and an HTML content field where you write the badge markup. The default badge is a blue Bootstrap badge showing the style name.
- When you type a style name, the CSS class is generated automatically from that name.
- On a product form, the field for choosing website styles is now restricted to website publishers, so only they can assign styles to products.
- On the shop page, every style assigned to a product is rendered as a badge placed above the product image, before the ribbon area. The placeholder $style_name in the HTML content is replaced by the style name.
- The two default Website Sale styles (promo image and full image) are shipped with empty badge content, so they do not show a badge unless you fill it in.
The module touches the product.style and product.template models and adds frontend styling assets.
Depends on
Menus it adds
Models and fields (1)
- product.style · extends an existing modelhtml_content (HTML Content)
Text generated by AI (DeepSeek) from reading the Odoo 13.0 code on GitHub; it may contain mistakes, so check the code before deciding. View the code on GitHub
Availability by version
Reviewed: 2026-11-03Confirmation status: 2 confirmed, 7 with no information of 9 versions.
Sources · Odoo 13.0
Confirmed on 2026-11-03 in branch 13.0 of OCA/e-commerce.
terminal Installation and usage
OCA documentation · Odoo 13.0Configuration
Source · Odoo 13.0- Go to website (backend)
- Drop down 'Configuration' menu
- Click 'Product Styles' option
- Create or Edit a product style
- Publisher
- Write a name
- Administrator
- Write a name
- Change the badge style (HTML Content field) as you want (see bootstrap badges for simple modifications) You can use these placeholders:
$style_name> Represents the name of the style- Save
Usage
Source · Odoo 13.0- Go to website
- Drop down 'Products' menu
- Click 'Products' option
- Create or Edit a product
- Select 'eCommerce' tab
- Select the styles that you want to use
- Save
No verified information in OCA: Installation.
Installation instructions, the distribution package, dependencies and configuration steps are not shown because they have not yet been verified in the module documentation for any version.
Data imported from GitHub: this sheet reflects the latest catalog review, not a live lookup. Always check the module documentation and staging before installing in production.