Product swatches that know what’s in stock and what’s not
Cerevantix Website Product Color Swatches adds stock-aware merchandising controls on top of Odoo’s native shop-grid variant swatches — dim out-of-stock colors, cap the overflow count, and hide swatches per product, all from Website settings.
The problem
Shoppers browsing a variant-heavy catalog see every color swatch on the shop grid treated the same — including colors that are sold out. They tap a swatch, land on a variant they cannot buy, and abandon the product instead of picking an available color. Native Odoo has no way to signal availability at the swatch level, no store-owner control over how many swatches show before the grid clutters, and no way to hide swatches on a specific product card.
The solution
This app builds directly on Odoo’s native shop-grid swatch preview — it does not replace it. Out-of-stock variants are dimmed and marked with a small indicator right on the swatch, store owners set the maximum swatches per card from Website settings instead of a fixed cap of 20, and any product can have its swatches suppressed with one toggle. Shoppers see availability before they click; owners keep full control.
Everything the native swatch preview is missing
Every capability below is implemented in the module.
Out-of-stock swatch indicator
Swatches for variants that are out of stock are automatically dimmed and marked with a small corner indicator, so shoppers see availability before they click through to a color they cannot buy.
Configurable swatch cap
Native Odoo hardcodes 20 swatches per product card. A new Website setting, Max Swatches per Product Card, lets store owners choose the cap that fits their catalog and layout.
Hide out-of-stock swatches
An optional Website setting removes out-of-stock swatches from the card entirely instead of dimming them, for stores that prefer to show only what shoppers can actually buy.
Per-product swatch toggle
A Hide Variant Swatches checkbox on the product’s eCommerce tab suppresses swatches for a single product card, without touching the setting for the rest of the catalog.
Discoverable settings block
A clearly labelled Product Card Swatches block sits in Website > Configuration > Settings > eCommerce, next to the native product attribute settings, so the feature is easy to find and configure.
Built on native swatch rendering
No duplicate swatch UI to maintain: color, image, and text swatches, mobile reflow, and the native +N overflow counter all keep working exactly as shoppers already expect.
How it works
Enable stock-aware swatches
Install the app; native shop-grid swatches immediately gain stock-aware rendering, no configuration required.
Set the swatch cap
Open Website > Configuration > Settings > eCommerce and set Max Swatches per Product Card to match your catalog.
Choose the out-of-stock treatment
Pick dimmed-but-visible or fully hidden for out-of-stock swatches, from the same settings block.
Override per product
On any product’s eCommerce tab, tick Hide Variant Swatches to suppress swatches for that one card.
Frequently asked
No sales fog. If your question isn't here, email us and we'll answer it the same way.
No. It builds on top of the native website_sale swatch preview — the same rendering, hover behavior, and mobile reflow you already have, with stock awareness and merchandising controls added.
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.
Website Product Color Swatches
Stock-aware color swatches on the shop grid with a configurable overflow cap and a per-product toggle — built on Odoo's own swatch rendering.
Buy on Odoo App Store