OdooWiki OCA HUB

Website Sale Product Style Custom Badge

website_sale_product_style_badge folder_open OCA/e-commerce open_in_new
Website License: AGPL-3

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.0

Lets 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

website_sale

Menus it adds

menu_catalog_styles
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-03
Confirmed (verified in repository and branch) Estimated (unverified) No information

Confirmation status: 2 confirmed, 7 with no information of 9 versions.

Sources · Odoo 12.0

Confirmed on 2026-11-03 in branch 12.0 of OCA/e-commerce.

terminal Installation and usage

OCA documentation · Odoo 13.0

Configuration

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.

info

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.