+
+
+
+
+
+
+
diff --git a/website_webar_product/static/src/css/website_product_view.css b/website_webar_product/static/src/css/website_product_view.css
new file mode 100644
index 000000000..3534b4dec
--- /dev/null
+++ b/website_webar_product/static/src/css/website_product_view.css
@@ -0,0 +1,8 @@
+#model-viewer {
+ width:100%;
+ height:400px;
+}
+#custom-ar-button{
+ position: absolute;
+ bottom: 0px;
+}
diff --git a/website_webar_product/static/src/img/Chair.glb b/website_webar_product/static/src/img/Chair.glb
new file mode 100644
index 000000000..d1a9bb0ac
Binary files /dev/null and b/website_webar_product/static/src/img/Chair.glb differ
diff --git a/website_webar_product/static/src/img/Chair.png b/website_webar_product/static/src/img/Chair.png
new file mode 100644
index 000000000..8d2f620fb
Binary files /dev/null and b/website_webar_product/static/src/img/Chair.png differ
diff --git a/website_webar_product/static/src/img/augmented-reality.png b/website_webar_product/static/src/img/augmented-reality.png
new file mode 100644
index 000000000..f25c4195b
Binary files /dev/null and b/website_webar_product/static/src/img/augmented-reality.png differ
diff --git a/website_webar_product/static/src/img/hand.png b/website_webar_product/static/src/img/hand.png
new file mode 100644
index 000000000..6e56ad167
Binary files /dev/null and b/website_webar_product/static/src/img/hand.png differ
diff --git a/website_webar_product/static/src/js/website_product_view.js b/website_webar_product/static/src/js/website_product_view.js
new file mode 100644
index 000000000..5647bb51a
--- /dev/null
+++ b/website_webar_product/static/src/js/website_product_view.js
@@ -0,0 +1,39 @@
+/** @odoo-module **/
+
+import publicWidget from "@web/legacy/js/public/public_widget";
+import { rpc } from "@web/core/network/rpc";
+
+//Extending publicWidget
+publicWidget.registry.product_detail_view_3d = publicWidget.Widget.extend({
+ selector: '.o_wsale_product_page',
+ events: {
+ 'click .product_images':'_arViewBtn',
+ },
+ // Function to see the AR image of the product
+ _arViewBtn:function (ev){
+ var self = this;
+ ev.preventDefault();
+ if (this.$(ev.currentTarget).data('type') == "3d"){
+ this.$('.o_carousel_product_outer').hide()
+ this.$('#product_main').show()
+ rpc('/product/ar_image', {
+ 'product_id': parseInt(ev.currentTarget.id),
+ }).then(function(data) {
+ self.data = data
+ var ar_image = data['type'] === 'url' ? data['ar_url'] : data['local_url'];
+ const autoRotateAttribute = data['auto_rotate'] ? 'auto-rotate = ""' : '';
+ const placementAttribute = data['ar_placement']
+ const scaleAttribute = data['ar_scale'] ;
+ self.$('#product_main').html(`
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Realistic View Of Products In Website. +
+Website WebAR Product Viewer +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Heighlights
+
+
+
+
+
+ 
+
+
+ + Show AR Product Images in the Website. +
+
+
+
+
+
+
+
+
+ + View AR Image on the Latest Android + Smartphones and Tablets. +
+
+
+
+
+
+
+
+
+ + View Products from all Angles. +
++ Allow Customers to View Products from all Angles + Including Top, Bottom, Front, Back and Sides. +
+
+
+
+
+
+
+
+
+ + Tracking device's positions. +
++ Tracking the mobile device's position as it + moves and developing its own view of the real + environment. +
+
+
+
+
+
+
+
+
+ + Allow Customers to Zoom the Product Image. +
+
+
+
+
+
+
+
+
+
+ Website WebAR Product Viewer
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Enable + + AR Images +
+
+
+ + Go to the Product form - > 'AR Image.'. + Enable the field 'Enable AR Images' to + display AR images on the website. You can + provide a URL for the image or upload + an image in GLB/GLTF format. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Enable + + Auto Rotate +
+
+
+ + Enable 'Auto Rotate' to rotate the AR model + on the website. Set the AR scale of the + model. Upload a poster image to view the + image in the product indicator on the + website product page. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Product + Indicator +
+
+
+ + Go to the product page on the website and + click on the Product Indicator. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + You can View the 3D Image of the + + Product +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + AR in + + Mobile View +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Realistic View of + + Products +
+
+
+ + It will open the camera on the device, + giving customers a realistic view of the + product and showing how it will look in + real-life environments. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Show AR Product Images in the Website.
+
+
+
+
+
+
+
+
+
+ + View AR Images on the Latest Android Smartphones and Tablets.
+
+
+
+
+
+
+
+
+
+ + Allow customers to view products from all angles and zoom the Image.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + While configuring a + backup, selecting + the Zip option will + include the + filestore in the + backup, while + choosing the Dump + option will create a + backup without the + filestore. +
+
+
+
+
+
+
+ + Enable the "Remove + Old Backups" option + in the backup + creation view to + automatically delete + previous backups + based on the number + of days specified. +
+
+
+
+
+
+
+ + Enable the "Notify + User" option and + specify a contact to + receive an email + containing a + detailed report with + the failure reason + and backup details. + This option will + also send an email + upon successful + backup. +
+
+
+
+
+
+ + Select the backup + destination as local + storage and specify + a backup path to a + location on the + system to create + backups on your own + system. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 15th November, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
+ -
+
- + + + +
-
+
+ + ++ +
+
+