| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
eCommerce (website_sale)
• Website (website) • Discuss (mail) • Invoicing (account) |
| Lines of code | 54 |
| Technical Name |
tr_product_swatches |
| License | OPL-1 |
| Website | https://www.technicalrajni.com |
Product Color & Image Swatches
Give your product pages a polished, premium feel. Product Color & Image Swatches enhances Odoo 19's built-in color and image attribute display with smooth hover animations, better swatch sizing, a purple active ring, and Bootstrap tooltips — all via CSS and JS with zero configuration needed.
Key Features
- Larger color circles (32px) — easier to tap on mobile
- Scale-up hover animation for a modern interactive feel
- Purple glow ring on the active/selected swatch
- Smooth 150ms CSS transitions — no janky jumps
- Bootstrap tooltips showing the color/value name on hover
- Image swatches enhanced with rounded borders and hover zoom
- Works with Odoo 19's native color and image attribute types
- Zero Python — pure CSS + JS, nothing to configure
How It Works
Odoo 19 renders color attributes as .css_attribute_color elements and image
attributes as .css_attribute_image elements. This module layers enhanced styles
and a small JavaScript widget on top of those native elements — no overrides, no monkey-patching.
Prerequisites
Set your product attribute's Display Type to Color or Image in eCommerce → Configuration → Attributes, and add hex color values to each attribute value. Once set, the swatches appear automatically and this module styles them.
Screenshots
Support
For questions or customisation requests, contact magentodeveloper1993@gmail.com or visit technicalrajni.com.
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
eCommerce (website_sale)
• Website (website) • Discuss (mail) • Invoicing (account) |
| Lines of code | 54 |
| Technical Name |
tr_product_swatches |
| License | OPL-1 |
| Website | https://www.technicalrajni.com |
Odoo Proprietary License v1.0 This software and associated files (the "Software") may only be used (executed, modified, executed after modifications) if you have purchased a valid license from the authors, typically via Odoo Apps, or if you have received a written agreement from the authors of the Software (see the COPYRIGHT file). You may develop Odoo modules that use the Software as a library (typically by depending on it, importing it and using its resources), but without copying any source code or material from the Software. You may distribute those modules under the license of your choice, provided that this license is compatible with the terms of the Odoo Proprietary License (For example: LGPL, MIT, or proprietary licenses similar to this one). It is forbidden to publish, distribute, sublicense, or sell copies of the Software or modified copies of the Software. The above copyright notice and this permission notice must be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Please log in to comment on this module