+
+
+
+
+
+
+
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..b9a8da7b4
--- /dev/null
+++ b/website_model_viewer_widget/static/src/js/3d_product_view.js
@@ -0,0 +1,46 @@
+/** @odoo-module */
+import publicWidget from '@web/legacy/js/public/public_widget';
+import { rpc } from "@web/core/network/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')[0].style.setProperty('display', 'none', 'important');
+ this.$('#product_main').show()
+ this.$('#product_main').html('')
+ this.$('#3d_image').addClass('active')
+ this.$('#product_image').removeClass('active')
+ var product_id = this.$("span[data-oe-model|='product.template']").data('oe-id')
+ rpc('/product/3d',{
+ 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()
+ this.$('#product_image').addClass('active')
+ this.$('#3d_image').removeClass('active')
+ }
+ },
+ });
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..2dcdfa1d7
--- /dev/null
+++ b/website_model_viewer_widget/views/website_sale_templates.xml
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Experience the product like never before with + our stunning 3D model viewer. Explore every + angle and detail of the product right from our + website!. +
+Website Model Viewer Widget +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + 3D Model Viewer on Website +
++ View interactive 3D models directly on the + product detail page. +
+
+
+
+
+
+
+
+
+ + Supports .glb Format +
++ Compatible with 3D images in the .glb (GL + Transmission Format Binary) extension. +
+
+
+
+
+
+
+
+
+ + Interactive Controls +
++ Use mouse or touch gestures to rotate the + model and explore it from different angles. +
+
+
+
+
+
+
+
+
+
+ Website Model Viewer Widget
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + 3D image Uploader in product template + + +
+
+
+ + Go to the product template form + that has a 3D model uploader. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Upload 3D image + + +
+
+
+ + Upload the 3D model here. You + can move the 3D model in any + direction. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + + Default 3D image + +
+
+
+ + If the corresponding product has + no 3D model uploaded then, by + default it will display the + following 3D model. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Website view of product + + + +
+
+
+ + Open the product detail form in + the website. click the 360 0 + icon to view the 3D model. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + View image in different angle + +
+
+
+ + Use the mouse or touchpad to + rotate the model in different + directions, zoom in and out, and + view it from different angles. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Seamlessly display 3D models on + the product page. +
+
+
+
+
+
+
+
+
+
+ + GLB Format Only – Supports .glb + 3D files for optimized + performance. +
+
+
+
+
+
+
+
+
+
+ + Zoom Support – Zoom in/out for a + detailed product + inspection.
+
+
+
+
+
+
+
+
+
+ + Available in Odoo 18.0 Community + and Enterprise.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Currently, the + module supports only + .glb (GL + Transmission Format + Binary) files for + rendering 3D models + on the website + product page.
+
+
+
+
+
+ + You can upload the + .glb file directly + inside the 3D Model + Viewer tab in + product + template form. + Once uploaded, the + 3D model will + appear on the + website product + page. +
+
+
+
+
+
+ + Yes, customers can + rotate, zoom in, and + zoom out on the 3D + model using their + mouse or touch + gestures for a full + interactive + experience. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 13th September, 2025 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+ -
+
- + + + +
-
+
+
+