| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Inventory (stock)
• Website (website) • eCommerce (website_sale) • Discuss (mail) • Invoicing (account) |
| Lines of code | 4068 |
| Technical Name |
ecommerce_quickview |
| License | OPL-1 |
| Website | https://www.hexalian.com |
| Versions | 17.0 18.0 19.0 |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Inventory (stock)
• Website (website) • eCommerce (website_sale) • Discuss (mail) • Invoicing (account) |
| Lines of code | 4068 |
| Technical Name |
ecommerce_quickview |
| License | OPL-1 |
| Website | https://www.hexalian.com |
| Versions | 17.0 18.0 19.0 |
E-Commerce Quick View for Odoo 19.0+
Instant product preview without leaving the page
Professional quick view modal that lets customers browse products faster and increase conversions. View product details, select variants, check stock availability, and add to cart - all without page reload.
Key Features
Everything customers need at their fingertips
Instant Preview: Display full product details in a modal overlay without navigating away from the product listing. Smooth AJAX loading keeps the shopping experience flowing.
Variant Selection: Full support for product variants with real-time price and stock updates. Customers can choose colors, sizes, and other attributes directly in the modal.
Smart Stock Management: Real-time stock tracking for storable products with clear availability indicators. Service and consumable products always show as available.
Direct Add to Cart: Customers can add products to cart with quantity selection right from the quick view modal. No need to visit the full product page.
Mobile Optimized: Fully responsive design with touch-friendly controls. Quick view modal adapts perfectly to mobile devices and tablets.
Multi-Language: Complete English and Spanish translations included. Easy to add more languages with standard Odoo translation system.
🌍 Global Currency Support
Native optimization for 29 major world currencies
The module includes built-in optimized formatting for 29 world currencies, ensuring prices display perfectly with correct thousand separators, decimal points, and locale-specific formatting for your international customers. Each currency automatically uses its native formatting rules.
🌎 Americas (8 Currencies)
- USD - US Dollar ($) • en-US
- CAD - Canadian Dollar (C$) • en-CA
- BRL - Brazilian Real (R$) • pt-BR
- MXN - Mexican Peso ($) • es-MX
- ARS - Argentine Peso ($) • es-AR
- CLP - Chilean Peso ($) • es-CL
- COP - Colombian Peso ($) • es-CO
- PEN - Peruvian Sol (S/) • es-PE
🇪🇺 Europe (14 Currencies)
- EUR - Euro (€) • es-ES
- GBP - British Pound (£) • en-GB
- CHF - Swiss Franc (CHF) • de-CH
- SEK - Swedish Krona (kr) • sv-SE
- NOK - Norwegian Krone (kr) • no-NO
- DKK - Danish Krone (kr) • da-DK
- PLN - Polish Zloty (zł) • pl-PL
- CZK - Czech Koruna (Kč) • cs-CZ
- HUF - Hungarian Forint (Ft) • hu-HU
- RON - Romanian Leu (lei) • ro-RO
- BGN - Bulgarian Lev (лв) • bg-BG
- HRK - Croatian Kuna (kn) • hr-HR
- RUB - Russian Ruble (₽) • ru-RU
- TRY - Turkish Lira (₺) • tr-TR
🌏 Asia Pacific (7 Currencies)
- JPY - Japanese Yen (¥) • ja-JP
- CNY - Chinese Yuan (¥) • zh-CN
- KRW - South Korean Won (₩) • ko-KR
- INR - Indian Rupee (₹) • en-IN
- AUD - Australian Dollar (A$) • en-AU
- HKD - Hong Kong Dollar (HK$) • zh-HK
- SGD - Singapore Dollar (S$) • en-SG
💡 How Currency Formatting Works
- Automatic Detection: The module detects your Odoo website currency and applies the correct formatting
- Locale-Specific Rules: Each currency uses its native locale (e.g., EUR uses Spanish format: 1.234,56 €)
- Intl.NumberFormat API: Uses browser's native internationalization for perfect formatting
- Fallback Support: If a currency isn't in the list, uses your page language for formatting
- Consistent Display: Product prices, cart totals, and all monetary values use the same formatting
Complete Variant Support
Handle any product attribute combination
- Multiple Attributes: Support for products with any number of attributes (size, color, material, etc.)
- No-Variant Attributes: Full support for no_variant product attributes with accurate price calculation
- Real-Time Updates: Price and availability update instantly when variant selected
- Pricelist Integration: Automatic discount application from pricelists to variant prices
- Stock Per Variant: Each variant's stock level tracked independently
- Price Extras: Attribute price additions displayed clearly with discounts applied
- Combination Validation: Modal alert warns customers if selected combination doesn't exist
- Variant Images: Product images update based on selected variant
The quick view modal handles variant selection seamlessly. When customers select different attribute values, the modal updates price, stock status, and availability in real-time without any page reload.
If a customer selects a variant combination that doesn't exist, they receive a clear modal alert (available in English and Spanish) with suggestions to try different attributes. The add-to-cart button is disabled until a valid combination is selected.
For products with no_variant attributes (where product attributes don't create separate variants), the system correctly tracks selected options and applies price extras with proper discount calculations.
Intelligent Stock Management
Odoo 19 is_storable field-aware availability tracking
Non-Storable Products
(Services, consumables with is_storable=False)
- Always available
- Stock checks bypassed
- Unlimited quantity
- Instant purchase
Storable Products
(Products with is_storable=True)
- Stock always tracked
- Real-time availability
- Quantity limits enforced
- Configurable out-of-stock controls
3 Stock Calculation Modes
(Configurable in settings)
- On Hand: Physical warehouse stock
- Forecasted: Includes incoming/outgoing
- Free to Use: Excludes reserved quantities
- Choose the method that fits your business
Easy Configuration
Control features from Odoo settings
Navigate to Website → Configuration → Settings to configure the quick view feature.
Available Settings:
- Enable Quick View: Toggle quick view functionality on/off globally
- Disable Out of Stock Products: Control add to cart button and quantity controls for out of stock storable products
- Stock Visibility Mode: Choose which stock calculation to use:
- Quantity on Hand: Physical stock in warehouse (default)
- Forecasted Quantity: On Hand + Incoming - Outgoing
- Strict (Free to Use): On Hand - Reserved quantities
Out of Stock Behavior:
When "Disable Out of Stock Products" is enabled:
- Add to cart button disabled for out of stock items
- Quantity +/- buttons disabled
- Clear "Out of Stock" message displayed
- Service and consumable products unaffected
When disabled:
- Customers can add out of stock items to cart
- Useful for backorder/pre-order scenarios
- All product types always purchasable
Technical Specifications
Built with Odoo best practices
Dependencies:
- base
- web
- website
- website_sale
- product
- stock
- sale_stock
Compatibility:
- Odoo 19.0 Community Edition
- Odoo 19.0 Enterprise Edition
- Bootstrap 5 compatible
- Works with all standard themes
Technical Features:
- Smart Stock Detection: Uses
is_storablefield for accurate inventory tracking - Performance Monitoring: Built-in logging and timing for debugging
- Multi-locale Price Formatting: Uses Intl.NumberFormat with 29 currency mappings
- Transaction Safety: Proper error handling and rollback support
API Endpoints:
/shop/products/quick_view/<product>- Load quick view modal (JSON)/shop/get_combination_info- Get variant combination details (HTTP)/shop/cart/update_json- Add product to cart (JSON-RPC)/ecommerce_quickview/check_out_of_stock_setting- Check stock setting (JSON)
Frontend Assets:
- 6 CSS files for complete styling:
- quickview_modal.css - Base modal styling
- quickview_modal_extended.css - Enhanced features
- quantity_widget.css - Quantity controls
- custom_quantity_wrapper.css - Stock-aware wrapper
- button_enhancements.css - Button states
- responsive.css - Mobile optimization
- 3 JavaScript modules for functionality:
- quick_view.js (731 lines) - Core modal logic, AJAX loading, variant updates
- quantity_widget.js (211 lines) - Stock-aware quantity controls
- invalid_combination_alert.js - Modal alerts for invalid variants
- AJAX-based for instant loading
- Fully responsive design
Security & Performance
Production-ready implementation
Security
- CSRF protection on all endpoints
- XSS prevention
- Input validation
- Access control checks
- SQL injection prevention (ORM)
Performance
- AJAX loading
- Lazy image loading
- Optimized queries
- Minimal page impact
- Efficient caching
Clean Code
- Odoo best practices
- Modular architecture
- Well documented
- Easy to customize
- Professional standards
Installation
Quick and easy setup
- Copy the
ecommerce_quickviewfolder to your Odoo addons directory - Restart your Odoo server
- Go to Apps → Update Apps List
- Search for "E-Commerce Quick View"
- Click Install
- Configure settings in Website → Configuration → Settings
- Enable "Quick View" option and save
- Visit your shop page to see quick view buttons on products
Usage Guide
For customers and administrators
Customer Journey:
- Browse product listings on shop page
- Click "Quick View" button on any product
- Modal opens with product details
- Select product variants if available
- Adjust quantity using +/- buttons
- Click "Add to Cart" to purchase
- Or click "View Full Details" for product page
- Modal closes automatically after adding to cart
Administrator Setup:
- Install the module
- Go to Website settings
- Find "E-Commerce Quick View" section
- Enable the feature
- Configure out of stock behavior
- Save settings
- Test on your shop page
- Customize CSS if needed
Screenshots & Demonstrations
See the quick view feature in action
Frontend Product List with Quick View Button
The Quick View button appears prominently on each product card in your shop's product listing page in Odoo 19. When customers browse your product catalog, they can instantly access detailed product information without navigating away from the current page. This seamless experience keeps customers engaged and reduces the friction in the shopping journey. The button integrates naturally with Odoo 19's standard product card design, supports Bootstrap 5, and works with all default themes. The quick view modal handles all product types, including products with no_variant attributes and complex pricing rules.
Quick View Settings - Basic Configuration
Navigate to Website → Configuration → Settings to access the E-Commerce Quick View configuration panel. This screenshot shows the Quick View Modal option enabled while the Out of Stock Control remains disabled. In this configuration, customers can use the quick view feature across your entire product catalog, and they can add out-of-stock items to their cart (useful for backorder scenarios, pre-orders, or when you allow overselling). The detailed descriptions help administrators understand exactly how each setting affects the customer experience.
Quick View Modal - Backorder Enabled State
When the Out of Stock Control setting is disabled, customers can still add out-of-stock storable products to their cart. This screenshot demonstrates a product with 0 units available (or negative backorder availability) displaying the "Out of Stock" label, yet the Add to Cart button remains fully operational and the quantity controls (+/-) are active. This configuration is ideal for businesses that accept backorders, pre-orders, or operate with drop-shipping models where stock information is indicative but not restrictive. Customers are informed about the stock status while maintaining the freedom to purchase.
Quick View Modal - In Stock Product Display
This screenshot showcases the quick view modal for a product that has stock available. For storable products, the system displays the "Available" label prominently with a green indicator, and shows the exact stock quantity available for purchase. The quantity selector respects the maximum available stock, preventing customers from adding more items than you have in inventory. Service and consumable products always display as "Available" without stock limits. The modal presents all essential product information including image, title, description, price, variant options, and a direct "Add to Cart" button for seamless purchasing.
Quick View Settings - Full Control Enabled
This configuration shows both the Quick View Modal and Out of Stock Control options enabled simultaneously. With this setup, the quick view feature is active across your store, and storable products that are out of stock will have their purchase controls disabled. This means the "Add to Cart" button becomes inactive and the quantity adjustment buttons (+/-) are disabled for products with zero or negative stock. This strict inventory control is ideal for businesses that cannot fulfill backorders and need to prevent customers from purchasing unavailable items. Service and consumable products remain unaffected and are always purchasable regardless of this setting.
Advanced Multi-Variant Selection with Checkboxes
The quick view modal provides advanced support for multi-variant products with different selection interfaces. This screenshot demonstrates a product with checkbox-based variant selection, which is particularly useful for products with optional features or customizable attributes. The modal intelligently handles different attribute types including:
- Checkbox Attributes: For optional or multi-select features (shown in this screenshot)
- Radio Button Attributes: For single-choice selections like size or color
- Dropdown Attributes: For attributes with many options
- No-Variant Attributes: For customizations that don't create separate SKUs
The system performs real-time validation of selected combinations, updating prices instantly as customers select different options. Each attribute's price extra is clearly displayed with proper pricelist discount application. If an invalid combination is selected, customers receive an immediate modal alert (available in English and Spanish) guiding them to choose a valid configuration. This flexible interface adapts to any product attribute configuration defined in your Odoo catalog, providing a consistent and professional shopping experience.
Mobile-Responsive Quick View with Stock Control
The quick view modal is fully responsive and optimized for mobile devices in Odoo 19. This screenshot demonstrates the modal on a mobile viewport showing how the layout adapts perfectly to smaller screens while maintaining full functionality. The mobile interface displays product images, descriptions, variant selectors, price information (with pricelist discounts applied), and stock availability. The touch-friendly interface ensures smooth interactions on smartphones and tablets, providing an excellent user experience across all device types. Product images, variant attribute selectors, and quantity controls all scale appropriately for easy navigation on mobile devices. Invalid product combinations trigger a translated modal alert, and the system correctly handles both normal variants and no_variant attribute products.
Perfect For
Ideal for these business types
- Fashion & Apparel: Quick preview of clothing with size/color selection
- Electronics: Fast spec viewing without page navigation
- Home & Garden: Browse furniture and decor efficiently
- Beauty & Cosmetics: Quick product info and variant selection
- Sports & Outdoors: Fast browsing of equipment and gear
- Books & Media: Preview details without leaving catalog
- Toys & Games: Quick view for fast-paced shopping
- Automotive Parts: Check specs and compatibility quickly
- Pet Supplies: Browse products efficiently
- Office Supplies: Fast bulk ordering experience
- Food & Beverage: Quick ordering without navigation
- Any B2C Store: Improve conversion rates universally
Business Benefits
Why quick view increases sales
Higher Conversion Rates: Customers can make purchase decisions faster without navigating between pages. Reduced friction in the buying process leads to more completed purchases.
Faster Shopping: Quick view saves time by eliminating page loads. Customers can browse more products in less time, discovering more items they might purchase.
Better User Experience: Modern, smooth shopping experience keeps customers engaged. Modal overlays feel more interactive and responsive than traditional navigation.
Impulse Purchases: Easy add to cart from modal encourages spontaneous buying. Customers can add multiple products quickly without losing their place.
Mobile Friendly: Touch-optimized quick view works perfectly on phones and tablets. Mobile shoppers appreciate not having to navigate multiple pages.
Professional Appearance: Modern e-commerce feature shows customers you're keeping up with industry standards and providing the best shopping experience.
Ready to improve your e-commerce experience?
Install E-Commerce Quick View today and boost your conversion rates!
📞 Contact & Support
- ✓ Module sold "AS-IS" without warranty of any kind
- ✓ Bug fixes provided at developer's discretion only
- ✓ No customization or feature requests included
- ✓ Basic installation support via email
- ✓ Updates may be provided but NOT guaranteed
- ✓ Test thoroughly before production deployment
⚖️ LEGAL TERMS & CONDITIONS
1. LICENSE: This module is licensed under the Odoo Proprietary License v1.0 (OPL-1). By purchasing, installing, or using this module, you agree to comply with all terms of the OPL-1 license.
2. NO WARRANTY: This software is provided "AS IS" without warranty of any kind, either expressed or implied, including but not limited to the implied warranties of merchantability and fitness for a particular purpose.
3. LIMITATION OF LIABILITY: In no event will Hexalian LLC or its developers be liable for any damages including, without limitation, damages for loss of business profits, business interruption, or data loss.
4. SUPPORT POLICY: Purchase includes basic email support for installation and initial configuration only. Does NOT include custom development, feature requests, or troubleshooting of custom code.
5. UPDATES: While updates may be released, there is NO guarantee of updates, maintenance, or compatibility with future Odoo versions. Updates provided at developer's discretion.
6. COMPATIBILITY: Designed for specified Odoo version. Compatibility with custom modules, third-party modules, or modified Odoo installations is NOT guaranteed.
7. REFUND POLICY: Due to the nature of digital products, ALL SALES ARE FINAL. No refunds will be provided after purchase.
⚠️ BY PURCHASING THIS MODULE, YOU ACKNOWLEDGE THAT YOU HAVE READ, UNDERSTOOD, AND AGREE TO BE BOUND BY THESE TERMS AND CONDITIONS.
E-Commerce Quick View v19.0.1.0.0
Developed by Hexalian LLC
License: OPL-1 (Odoo Proprietary License) | Compatible with Odoo 19.0+
© 2026 Hexalian LLC. Unauthorized copying, modification, or distribution is strictly prohibited.
👁️ Let customers preview products instantly and buy faster!
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