Product Comparison - Side by Side for Odoo

Side-by-Side Comparison

Compare up to 4 products simultaneously with a widget-based card layout. Features clear product images, details, and a responsive grid that adapts from 1 to 4 columns.

Mobile-First Design

Fully responsive on all devices. Optimized for mobile, tablet, and desktop with touch-friendly interfaces and smooth animations.

Smart Shopping Actions

Add individual products to cart or use the bulk "Add All to Cart" functionality. Includes quick "View Details" links and one-click removal.

Technical Highlights

• Session-Based Storage: No database models required - comparison list stored in user session
• Modular JavaScript: Separated into core, navbar, and widget modules
• JSON-RPC Endpoints: Clean Python controllers for all comparison operations
• MutationObserver: Automatically detects and integrates with dynamic navbar changes
• Mobile-First CSS: Optimized styles with GPU-accelerated animations
• Zero Dependencies: Works standalone without additional modules

File Structure

ecommerce_comparison/
├── controllers/
│   ├── base.py
│   └── compare.py
├── static/
│   └── src/
│       ├── css/
│       │   └── comparison.css
│       └── js/
│           ├── comparison_core.js
│           ├── comparison_navbar.js
│           └── comparison_widgets.js
├── views/
│   └── templates.xml
└── i18n/
    ├── en.po
    └── es.po

1. Copy the ecommerce_comparison folder to your Odoo addons directory
2. Update the apps list in Settings
3. Search for "E-commerce Product Comparison" and click Install
4. The module works out of the box - no extra configuration required!