Color swatches that show stock and price before the click.

Extend Odoo's native color swatches with live stock and price signals right on the swatch, so shoppers never pick a sold-out color or get surprised by cost.

The problem

Native website_sale swatches show color and nothing else. A shopper can select a color that is completely sold out and only find out after clicking, and a color that costs more shows no price hint until it is already chosen. Both gaps create dead-end selections and abandoned carts on exactly the products where color matters most.

The solution

This module decorates the native color swatch without touching its selection or image-swap behavior. A color whose every stock-limited variant is sold out gets marked right on the swatch; a color with a price difference shows its delta inline. Merchants control both behaviors, and the out-of-stock style, from Website > eCommerce settings.

Capabilities

What ships

Every capability below is implemented in the module.

01

Stock-aware color swatches

A color whose every stock-limited variant is sold out is marked directly on the swatch, so shoppers never land on a dead end.

02

Price-transparent swatches

Colors that cost more show their price delta, for example +$25.00, right on the swatch, before the shopper selects.

03

Three out-of-stock styles

Choose strikethrough with a label, a "Sold out" badge, or a dimmed/disabled swatch — whichever fits the storefront.

04

Per-website configuration

Toggle stock marking and price display independently, per website, from Website > eCommerce settings.

05

Add-only native integration

Inherits the native swatch template and decorates it in place; color selection and the product image swap keep working exactly as before.

06

Touch-friendly on mobile

Swatches keep a minimum tap size and wrap cleanly on phone screens, where most shoppers land first.

Workflow

How it works

1

Install & configure

Enable stock marking and price display in Website > eCommerce settings, and pick your out-of-stock style.

2

Shopper opens a product

Native color swatches render exactly as before — no layout changes, no new page elements to learn.

3

Swatches speak for themselves

Sold-out colors show their marker and priced colors show their delta, both visible before any click.

4

Shopper decides with confidence

No dead-end selections and no price surprises — straight to add-to-cart.

Questions

Frequently asked

No sales fog. If your question isn't here, email us and we'll answer it the same way.

No. It decorates the swatches website_sale already renders — native selection, image-swap, and display types are untouched. This module only adds stock and price signals on top.

Get the app

Buy it on the Odoo App Store

Purchase, download and install directly from the official Odoo Apps Store — you'll always get the latest supported build.

Ecommerce: Color Swatches with Live Stock & Price

Color swatches that show which variants are actually in stock and which cost more, in three out-of-stock styles configurable per website — built on native rendering with no new JavaScript.

Buy on Odoo App Store