+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+ 
+
+ + Website Model Viewer Widget
++ Experience the product like never before with + our stunning 3D model viewer. Explore every angle + and detail of the product right from our website!. +
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ Experience the product like never before with our stunning 3D
+ model viewer. Explore every angle and detail of the product right
+ from our website!
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+
+ 
+ You can view the 3d model uploaded inside the
+ product in the website.
+
+
+ You can view the 3d model uploaded inside the
+ product in the website.
+
+
+ It helps to render interactive 3D models.
+
+
+ It helps to render interactive 3D models.
+
+
+ It only support 3D images with .glb extension.
+
+
+ It only support 3D images with .glb extension.
+
+
+ Zoom in and zoom out feature is available.
+
+
+
+ Zoom in and zoom out feature is available.
+
+
+
+ Use the mouse or touchpad to rotate the model
+ in different directions, view it from different angles.
+
+
+ Use the mouse or touchpad to rotate the model
+ in different directions, view it from different angles.
+
+
+
+ 
+
+
+ + Screenshots +
+ +
+
+
+
+
+
+
+
+
+ 
+
+
+ + Product page +
++ Go to the product page that has a + 3D model uploaded.
+
+
+ 
+
+
+
+ + You can move the 3D model in any direction.
+
+
+ 
+
+
+
+ + Default View +
++ If the corresponding product has no 3D model uploaded then, + by default it will display the following 3D model. +
+
+
+ 
+
+ + Website view of product +
++ Product image
+
+
+ 
+
+ + Default view of 3D model
++ Use the mouse or touchpad to rotate the model in + different directions, zoom in and out, and view it from + different angles.
+
+
+
+
+ 
+
+
+ + 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 +
+
+
+
\ No newline at end of file
diff --git a/website_model_viewer_widget/static/src/js/3d_product_view.js b/website_model_viewer_widget/static/src/js/3d_product_view.js
new file mode 100644
index 000000000..741bfff9f
--- /dev/null
+++ b/website_model_viewer_widget/static/src/js/3d_product_view.js
@@ -0,0 +1,45 @@
+odoo.define('website_model_viewer_widget.product_3d_view', function (require) {
+'use strict';
+
+ var publicWidget = require('web.public.widget');
+ var rpc = require('web.rpc');
+ publicWidget.registry.product_detail_view_3d = publicWidget.Widget.extend({
+ selector: '.o_wsale_product_page',
+ events: {
+ 'click .product_images':'_3dBtn',
+ },
+ /**
+ *While clicking the extra image of the product in the website the 3D model
+ is displayed.
+ */
+ _3dBtn:function (ev){
+ var self = this;
+ if (this.$(ev.target).data('type') == "3d"){
+ this.$('.o_carousel_product_outer').hide()
+ this.$('#product_main').show()
+ this.$('#product_main').html('')
+ var product_id = this.$("span[data-oe-model|='product.template']").data('oe-id')
+ rpc.query({
+ route: '/product/3d',
+ params: {
+ product_id: product_id}
+ }).then(function(data) {
+ if (data['3D_model'] != false){
+ var val = `data:model/gltf-binary;base64, ${data['3D_model']}`;
+ self.view3D = new View3D('#product_main', {
+ src: val
+ });
+ }else{
+ var val = `/model_viewer_widget/static/src/assets/3d.glb`;
+ self.view3D = new View3D('#product_main', {
+ src: val
+ });
+ }
+ });
+ }else{
+ this.$('.o_carousel_product_outer').show()
+ this.$('#product_main').hide()
+ }
+ },
+ });
+});
diff --git a/website_model_viewer_widget/views/website_sale_templates.xml b/website_model_viewer_widget/views/website_sale_templates.xml
new file mode 100644
index 000000000..89a403aa8
--- /dev/null
+++ b/website_model_viewer_widget/views/website_sale_templates.xml
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+ -
+
- + + + +
-
+
+
+