+
+
+z
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Product Web Hover
+product details card + will display when hovering over an product in order line
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+When hovering over a product in the order line,a product details card will be displayed,
+ providing additional information about the product
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ Product main features can see on hovering product in order line.
+
+
+ Product main features can see on hovering product in order line.
+
+
+
+
+ Available in Odoo 15.0 Community and Enterprise.
+
+
+
+ Available in Odoo 15.0 Community and Enterprise.
+
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+ + Product hovering +
+While hovering over the product, after a delay of seconds, you can see the product details.
+
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ + Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ + Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ + Support +
+
+
+
diff --git a/product_web_hover/static/src/js/listRenderer.js b/product_web_hover/static/src/js/listRenderer.js
new file mode 100644
index 000000000..4b013d8bf
--- /dev/null
+++ b/product_web_hover/static/src/js/listRenderer.js
@@ -0,0 +1,43 @@
+odoo.define('product_web_hover.ListRenderer', function (require) {
+ "use strict";
+
+ var ListRenderer = require('web.ListRenderer');
+
+ ListRenderer.include({
+ _renderBodyCell: function (record, node, colIndex, options) {
+ var result = this._super.apply(this, arguments);
+
+ if (typeof record.data[node.attrs.name] === "object" && record.data[node.attrs.name].model === "product.product") {
+ this.getProductFromBackend(record.data[node.attrs.name].data?.id)
+ .then(productInfo => {
+ result.attr('data-tooltip-info', JSON.stringify(productInfo))
+ .attr('data-tooltip-template', "product_web_hover.HoverTemplate");
+ })
+ }
+
+ return result;
+ },
+
+ getProductFromBackend: async function(productId) {
+ if (productId) {
+ const requiredData = await this._rpc({
+ model: "product.product",
+ method: "read",
+ args: [[productId], []],
+ });
+
+ if (requiredData && requiredData.length > 0) {
+ return {
+ name: requiredData[0].name,
+ categ_id: requiredData[0].categ_id[1],
+ code: requiredData[0].code,
+ list_price: requiredData[0].list_price,
+ standard_price: requiredData[0].standard_price,
+ qty_available: requiredData[0].qty_available,
+ image_1920: requiredData[0].image_1920
+ };
+ }
+ }
+ }
+ });
+});
diff --git a/product_web_hover/static/src/xml/hoverTemplate.xml b/product_web_hover/static/src/xml/hoverTemplate.xml
new file mode 100644
index 000000000..42565a249
--- /dev/null
+++ b/product_web_hover/static/src/xml/hoverTemplate.xml
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+ + Category:
+ Reference:
+ Price:
+ Cost Price:
+ Quantity Available: