| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
Inventory (stock)
• Website (website) • eCommerce (website_sale) • Discuss (mail) • Invoicing (account) |
| Lines of code | 3492 |
| Technical Name |
ecommerce_quickview |
| License | OPL-1 |
| Website | https://www.hexalian.com |
| Versions | 17.0 18.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 | 3492 |
| Technical Name |
ecommerce_quickview |
| License | OPL-1 |
| Website | https://www.hexalian.com |
| Versions | 17.0 18.0 |
E-Commerce Quick View for Odoo 18
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.
Complete Variant Support
Handle any product attribute combination
- Multiple Attributes: Support for products with any number of attributes (size, color, material, etc.)
- Real-Time Updates: Price and availability update instantly when variant selected
- Stock Per Variant: Each variant's stock level tracked independently
- Price Extras: Attribute price additions displayed clearly
- Combination Validation: 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 warning message with suggestions to try different attributes.
Intelligent Stock Management
Product type-aware availability tracking
Service Products
- Always available
- No stock tracking
- Unlimited quantity
- Instant purchase
Consumable Products
- Always available
- No stock tracking
- Unlimited quantity
- No restrictions
Storable Products
- Stock tracked
- Real-time availability
- Quantity limits enforced
- Configurable controls
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
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 18.0 Community Edition
- Odoo 18.0 Enterprise Edition
- Bootstrap 5 compatible
- Works with all standard themes
API Endpoints:
/shop/products/quick_view/<product>- Load quick view modal content/shop/get_combination_info- Get variant combination details/ecommerce_quickview/check_out_of_stock_setting- Check stock setting
Frontend Assets:
- 6 CSS files for complete styling
- 2 JavaScript modules for functionality
- 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. 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's standard product card design and works with all default themes.
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.
Mobile-Responsive Quick View with Stock Control
The quick view modal is fully responsive and optimized for mobile devices. This screenshot demonstrates the modal on a mobile viewport with the Out of Stock Control setting enabled. Notice how the layout adapts perfectly to smaller screens while maintaining full functionality. For out-of-stock products, the mobile interface clearly displays the "Out of Stock" message, and both the Add to Cart button and the quantity controls (+/-) are visibly disabled (grayed out), preventing customers from attempting to purchase unavailable items. The touch-friendly interface ensures smooth interactions on smartphones and tablets, providing an excellent user experience across all device types. Product images, descriptions, and variant selectors all scale appropriately for easy navigation on mobile devices.
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.
Support & Documentation
For support, questions, or feature requests, please contact your module provider. The module includes comprehensive inline documentation and follows Odoo's standard development practices for easy customization.
Ready to improve your e-commerce experience?
Install E-Commerce Quick View today and boost your conversion rates!
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