$ 30.00
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
eCommerce (website_sale)
• Website (website) • Discuss (mail) • Invoicing (account) |
| Lines of code | 372 |
| Technical Name |
wt_website_product_attributes |
| License | OPL-1 |
| Website | https://www.warlocktechnologies.com |
| Availability |
Odoo Online
Odoo.sh
On Premise
|
| Odoo Apps Dependencies |
•
eCommerce (website_sale)
• Website (website) • Discuss (mail) • Invoicing (account) |
| Lines of code | 372 |
| Technical Name |
wt_website_product_attributes |
| License | OPL-1 |
| Website | https://www.warlocktechnologies.com |
Website Product Attributes
Explore this module
Overview
Built on the Odoo platform, the Website Product Attributes on Shop module enhances the eCommerce shopping experience by surfacing product attribute selectors and a quantity control widget directly on the Shop listing page cards , eliminating the need to visit each product's detail page before adding it to the cart.
Using QWeb template inheritance, the module injects attribute radio buttons for every attribute line defined on a product (such as Size, Color, Material, or any custom attribute) directly into the shop grid card, right below the product title. Customers can select their preferred variant combination without leaving the shop page.
The module includes full support for Custom Attribute Values. When a product attribute option is marked as custom in the backend, an inline text input automatically slides into view on the card, allowing the customer to type a freeform value. The input is validated before the cart action is triggered, ensuring no custom value is accidentally left blank.
An integrated Quantity Selector with Plus (+) and Minus (−) buttons is rendered on every card, enabling customers to set the desired quantity in place without navigating away.
A built-in four-step validation pipeline, powered by a JavaScript publicWidget, guards the Add to Cart action. It checks that:
All attribute groups have a selection,
All visible custom inputs are filled,
The chosen variant combination is actually available via RPC,
The Add to Cart button is disabled if any of the above validations fail.
Unselected or invalid fields are highlighted with a timed warning banner, providing clear, actionable feedback to the customer and preventing incorrect cart submissions.
The module intelligently handles two cart paths: for products with optional/related products, it pre-fills custom values and opens Odoo's standard Configure dialog; for products without options, it bypasses the Configure form entirely and adds the item directly to the cart via a silent RPC call , keeping the experience fast and friction-free.
All of these capabilities are delivered without any database schema changes , no new tables, no new fields, and no Python model overrides are required. The entire module operates at the frontend layer, making it safe to install and uninstall on any Odoo 19 Enterprise instance.
Features
Inline Attribute Selector on Shop Grid Cards
Custom Attribute Value Support with Inline Text Input
Integrated Quantity Selector (+/− Buttons)
Four-Step Cart Validation Pipeline
- All attribute groups are selected.
- All visible custom inputs are filled.
- The chosen variant combination is actually available via RPC.
- The Add to Cart button is disabled if any of the above validations fail.
Smart Dual Cart Path , With & Without Optional Products
Live Cart Badge Update with Visual Feedback
Zero Database Impact , Frontend-Only Module
Configuration
- Enhanced Website Shop Page
Activate Website Product Attributes on Shop from Apps in website category for database web..
- For Products With Options (Related Products)
- Go to Shop Page
- You can see a list of products with their image, title, and available fields such as color, type, duration, quantity, etc.
- Image 1:
Navigate to your website and click on the Shop page.
- Choose a Product
- Select the product you want to add to the cart.
- Select all required fields (e.g., color, legs, quantity, etc.).
- If you do not select any field and click the Quick Cart icon, a warning message will appear: "Please select product options before adding to cart."
- If you select one field but leave others blank, the same warning message will also appear.
- If a customer selects a combination of product options that is not valid, a warning message is appear: “Please select product options before adding to cart.”
In this state, the Quick Cart icon is disabled to prevent invalid submissions. - Image 1:
- Image 2:
- Image 3:
- Image 4:
Select the product you want to add to the cart and fill in all required fields.
- Click on the Quick Cart Icon
- A configuration form will open displaying your selected values.
- It also shows the options for any related products.
- Image 1:
- Image 2:
Once all required fields are selected, click the Quick Cart icon on the product card.
- Click on the Add to Cart Button
- Verify all selected values.
- Optionally select any related products you wish to purchase.
- Click the Add to Cart button to add the product to your cart.
- Image 1:
Review the configuration form and confirm to add the product to the cart.
- Product Added to the Cart
- The product has been added to the cart.
- A notification will appear confirming the product was added, along with a View Cart option.
- The cart icon in the navbar will also be updated.
- Image 1:
The product is now in your cart and a confirmation notification is shown.
- Click on the Cart Icon or View Cart Button
- Click the Cart icon in the navbar or the View Cart button in the notification.
- You can see the product has been successfully added to the cart with all selected values.
- Image 1:
- Image 2:
Open the cart to confirm your product was added successfully.
- For Products Without Options (No Related Products)
- Go to Shop Page
- You can see a list of products with their image, title, and variants such as color, type, duration, etc.
- Image 1:
Navigate to your website and click on the Shop page.
- Choose a Product
- Select the product you want to add to the cart.
- Select all required fields (e.g., color, legs, quantity, etc.).
- If you do not select any field and click the Quick Cart icon, a warning message will appear: "Please select product options before adding to cart."
- Image 1:
- Image 2:
Select the product you want to add to the cart and fill in all required fields.
- Click on the Quick Cart Icon
- Because this product has no options or related products, it is added directly to the cart without opening a configuration form.
- The cart icon in the navbar will also be updated.
- Image 1:
- Image 2:
After clicking the Quick Cart icon, the product is added directly to the cart.
- Click on the Cart Icon in the Navbar
- Click the Cart icon in the navbar.
- You can see the product has been successfully added to the cart with the selected values.
- Image 1:
- Image 2:
Open the cart to confirm your product was added successfully.
sales@warlocktechnologies.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