diff --git a/product_360_degree_view_in_website/README.rst b/product_360_degree_view_in_website/README.rst new file mode 100644 index 000000000..e552dd926 --- /dev/null +++ b/product_360_degree_view_in_website/README.rst @@ -0,0 +1,48 @@ +.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg + :target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html + :alt: License: LGPL-3 + +Product 360 Degree View in Website +================================== +* This module allows to view the products in 360 degree, +we can see the all angles of the product by setting the different images. + +Configuration +============= +No additional configuration required + +Company +------- +* `Cybrosys Techno Solutions `__ + +License +------- +General Public License, Version 3 (LGPL v3). +(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) + +Credits +------- +Developer: V(16) Thasni CP, + V(17) Mufeeda Shirin , +Contact : odoo@cybrosys.com + +Contacts +-------- +* Mail Contact : odoo@cybrosys.com +* Website : https://cybrosys.com + +Bug Tracker +----------- +Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. + +Maintainer +========== +.. image:: https://cybrosys.com/images/logo.png + :target: https://cybrosys.com + +This module is maintained by Cybrosys Technologies. +For support and more information, please visit `Our Website `__ + +Further information +=================== +HTML Description: ``__ diff --git a/product_360_degree_view_in_website/__init__.py b/product_360_degree_view_in_website/__init__.py new file mode 100644 index 000000000..f222f1159 --- /dev/null +++ b/product_360_degree_view_in_website/__init__.py @@ -0,0 +1,22 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Technologies(odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU LESSER +# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. +# +# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE +# (LGPL v3) along with this program. +# If not, see . +# +############################################################################# +from .import models diff --git a/product_360_degree_view_in_website/__manifest__.py b/product_360_degree_view_in_website/__manifest__.py new file mode 100644 index 000000000..7927b025a --- /dev/null +++ b/product_360_degree_view_in_website/__manifest__.py @@ -0,0 +1,49 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Technologies(odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU LESSER +# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. +# +# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE +# (LGPL v3) along with this program. +# If not, see . +# +############################################################################# +{ + 'name': "Product 360 Degree View in Website", + 'version': '17.0.1.0.0', + 'category': 'eCommerce', + 'summary': """To see the product from all angles in eCommerce.""", + 'description': "By configuring different photos, this module enables us to " + "view products in 360 degrees, giving us access to all" + " of their angles", + 'author': 'Cybrosys Techno Solutions', + 'company': 'Cybrosys Techno Solutions', + 'maintainer': 'Cybrosys Techno Solutions', + 'website': "https://www.cybrosys.com", + 'depends': ['product', 'website_sale'], + 'data': ['security/ir.model.access.csv', + 'views/product_template_views.xml', + 'views/product_product_views.xml', + 'views/360_view_templates.xml', + ], + 'assets': {'web.assets_frontend': [ + 'product_360_degree_view_in_website/static/src/js/360_view.js', + 'product_360_degree_view_in_website/static/src/css/360_view.css' + ], }, + 'images': ['static/description/banner.jpg'], + 'license': 'LGPL-3', + 'installable': True, + 'application': False, + 'auto_install': False, +} diff --git a/product_360_degree_view_in_website/doc/RELEASE_NOTES.md b/product_360_degree_view_in_website/doc/RELEASE_NOTES.md new file mode 100644 index 000000000..d4eb8154e --- /dev/null +++ b/product_360_degree_view_in_website/doc/RELEASE_NOTES.md @@ -0,0 +1,7 @@ +## Module + +#### 05.08.2024 +#### Version 17.0.1.0.0 +#### ADD + +- Initial commit for Product 360 Degree View in Website diff --git a/product_360_degree_view_in_website/models/__init__.py b/product_360_degree_view_in_website/models/__init__.py new file mode 100644 index 000000000..abf27897c --- /dev/null +++ b/product_360_degree_view_in_website/models/__init__.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Technologies(odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU LESSER +# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. +# +# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE +# (LGPL v3) along with this program. +# If not, see . +# +############################################################################# +from . import image_view +from . import product_image_view +from . import product_product +from . import product_template diff --git a/product_360_degree_view_in_website/models/image_view.py b/product_360_degree_view_in_website/models/image_view.py new file mode 100644 index 000000000..617c50a3a --- /dev/null +++ b/product_360_degree_view_in_website/models/image_view.py @@ -0,0 +1,38 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Technologies(odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU LESSER +# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. +# +# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE +# (LGPL v3) along with this program. +# If not, see . +# +############################################################################# +from odoo import fields, models + + +class ImageView(models.Model): + """To add multiple images in product form, so + this images can be seen in the form 360 degree view + orderline in product.template""" + _name = 'image.view' + _description = 'Image View' + + image_130 = fields.Image(string="Image", attachment=True, required=True, + help="To add images of the product") + name = fields.Char(string='Label', required=True, + help='To identify the order of the images') + image_id = fields.Many2one('product.template', + string="Image view", + help='To get the relation of product template') diff --git a/product_360_degree_view_in_website/models/product_image_view.py b/product_360_degree_view_in_website/models/product_image_view.py new file mode 100644 index 000000000..2ffa71075 --- /dev/null +++ b/product_360_degree_view_in_website/models/product_image_view.py @@ -0,0 +1,39 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Technologies(odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU LESSER +# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. +# +# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE +# (LGPL v3) along with this program. +# If not, see . +# +############################################################################# +from odoo import fields, models + + +class ProductImageView(models.Model): + """To add multiple images in product form, so + this images can be seen in the form 360 degree view, + orderline in product.product""" + _name = 'product.image.view' + _description = 'Product Image View' + + image_130 = fields.Image(string="Image", attachment=True, required=True, + help="To add images of the product") + name = fields.Char(string='Label', required=True, + help='To identify the order of the images') + product_image_id = fields.Many2one('product.product', + string="Image view", + help='To get the relation of ' + 'product template') diff --git a/product_360_degree_view_in_website/models/product_product.py b/product_360_degree_view_in_website/models/product_product.py new file mode 100644 index 000000000..a20a16866 --- /dev/null +++ b/product_360_degree_view_in_website/models/product_product.py @@ -0,0 +1,39 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Technologies(odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU LESSER +# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. +# +# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE +# (LGPL v3) along with this program. +# If not, see . +# +############################################################################# +from odoo import fields, models + + +class ProductProduct(models.Model): + """If we check the display 360 image it will + show a page to add images in product .template """ + _inherit = 'product.product' + + product_image_view_ids = fields.One2many('product.image.view', + 'product_image_id', + string="Image lines", + help="To add different dimensions " + "of the product") + is_boolean = fields.Boolean(string='Display 360° Image', + help='After enabling this field we can see a' + ' tab for adding images for the product') + is_stop = fields.Boolean(string='STOP', + help='To set the views to stop') diff --git a/product_360_degree_view_in_website/models/product_template.py b/product_360_degree_view_in_website/models/product_template.py new file mode 100644 index 000000000..1ab298e6f --- /dev/null +++ b/product_360_degree_view_in_website/models/product_template.py @@ -0,0 +1,38 @@ +# -*- coding: utf-8 -*- +############################################################################# +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies() +# Author: Cybrosys Technologies(odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU LESSER +# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. +# +# This program is distributed in the hope that it will be useful, +# but WITHOUT ANY WARRANTY; without even the implied warranty of +# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. +# +# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE +# (LGPL v3) along with this program. +# If not, see . +# +############################################################################# +from odoo import fields, models + + +class ProductTemplate(models.Model): + """If we check the display 360 image it will + show a page to add images in product .template """ + _inherit = 'product.template' + + image_view_ids = fields.One2many('image.view', 'image_id', + string="Image lines", + help="To add different dimensions " + "of the product") + is_boolean = fields.Boolean(string='Display 360° Image', + help='After enabling this field we can see a' + ' tab for adding images for the product') + is_stop = fields.Boolean(string='STOP', + help='To set the views to stop') diff --git a/product_360_degree_view_in_website/security/ir.model.access.csv b/product_360_degree_view_in_website/security/ir.model.access.csv new file mode 100644 index 000000000..5f84ba1ef --- /dev/null +++ b/product_360_degree_view_in_website/security/ir.model.access.csv @@ -0,0 +1,5 @@ +id,name,model_id/id,group_id/id,perm_read,perm_write,perm_create,perm_unlink +access_image_view_user,access.image.view.user,model_image_view,base.group_user,1,1,1,1 +access_product_image_view_user,access.product.image.view.user,model_product_image_view,base.group_user,1,1,1,1 +access_image_view_public,access.image.view.public,model_image_view,base.group_public,1,1,1,1 +access_product_image_view_public,access.product.image.view.public,model_product_image_view,base.group_public,1,1,1,1 diff --git a/product_360_degree_view_in_website/static/description/assets/icons/check.png b/product_360_degree_view_in_website/static/description/assets/icons/check.png new file mode 100755 index 000000000..c8e85f51d Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/check.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/chevron.png b/product_360_degree_view_in_website/static/description/assets/icons/chevron.png new file mode 100755 index 000000000..2089293d6 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/chevron.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/cogs.png b/product_360_degree_view_in_website/static/description/assets/icons/cogs.png new file mode 100755 index 000000000..95d0bad62 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/cogs.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/consultation.png b/product_360_degree_view_in_website/static/description/assets/icons/consultation.png new file mode 100755 index 000000000..8319d4baa Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/consultation.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/ecom-black.png b/product_360_degree_view_in_website/static/description/assets/icons/ecom-black.png new file mode 100755 index 000000000..a9385ff13 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/ecom-black.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/education-black.png b/product_360_degree_view_in_website/static/description/assets/icons/education-black.png new file mode 100755 index 000000000..3eb09b27b Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/education-black.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/hotel-black.png b/product_360_degree_view_in_website/static/description/assets/icons/hotel-black.png new file mode 100755 index 000000000..130f613be Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/hotel-black.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/license.png b/product_360_degree_view_in_website/static/description/assets/icons/license.png new file mode 100755 index 000000000..a5869797e Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/license.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/lifebuoy.png b/product_360_degree_view_in_website/static/description/assets/icons/lifebuoy.png new file mode 100755 index 000000000..658d56ccc Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/lifebuoy.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/manufacturing-black.png b/product_360_degree_view_in_website/static/description/assets/icons/manufacturing-black.png new file mode 100755 index 000000000..697eb0e9f Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/manufacturing-black.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/pos-black.png b/product_360_degree_view_in_website/static/description/assets/icons/pos-black.png new file mode 100755 index 000000000..97c0f90c1 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/pos-black.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/puzzle.png b/product_360_degree_view_in_website/static/description/assets/icons/puzzle.png new file mode 100755 index 000000000..65cf854e7 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/puzzle.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/restaurant-black.png b/product_360_degree_view_in_website/static/description/assets/icons/restaurant-black.png new file mode 100755 index 000000000..4a35eb939 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/restaurant-black.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/service-black.png b/product_360_degree_view_in_website/static/description/assets/icons/service-black.png new file mode 100755 index 000000000..301ab51cb Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/service-black.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/trading-black.png b/product_360_degree_view_in_website/static/description/assets/icons/trading-black.png new file mode 100755 index 000000000..9398ba2f1 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/trading-black.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/training.png b/product_360_degree_view_in_website/static/description/assets/icons/training.png new file mode 100755 index 000000000..884ca024d Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/training.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/update.png b/product_360_degree_view_in_website/static/description/assets/icons/update.png new file mode 100755 index 000000000..ecbc5a01a Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/update.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/user.png b/product_360_degree_view_in_website/static/description/assets/icons/user.png new file mode 100755 index 000000000..6ffb23d9f Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/user.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/icons/wrench.png b/product_360_degree_view_in_website/static/description/assets/icons/wrench.png new file mode 100755 index 000000000..6c04dea0f Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/icons/wrench.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/Cybrosys R.png b/product_360_degree_view_in_website/static/description/assets/misc/Cybrosys R.png new file mode 100755 index 000000000..da4058087 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/Cybrosys R.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/categories.png b/product_360_degree_view_in_website/static/description/assets/misc/categories.png new file mode 100755 index 000000000..bedf1e0b1 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/categories.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/check-box.png b/product_360_degree_view_in_website/static/description/assets/misc/check-box.png new file mode 100755 index 000000000..42caf24b9 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/check-box.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/compass.png b/product_360_degree_view_in_website/static/description/assets/misc/compass.png new file mode 100755 index 000000000..d5fed8faa Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/compass.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/corporate.png b/product_360_degree_view_in_website/static/description/assets/misc/corporate.png new file mode 100755 index 000000000..2eb13edbf Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/corporate.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/customer-support.png b/product_360_degree_view_in_website/static/description/assets/misc/customer-support.png new file mode 100755 index 000000000..79efc72ed Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/customer-support.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/cybrosys-logo.png b/product_360_degree_view_in_website/static/description/assets/misc/cybrosys-logo.png new file mode 100755 index 000000000..cc3cc0ccf Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/cybrosys-logo.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/features.png b/product_360_degree_view_in_website/static/description/assets/misc/features.png new file mode 100755 index 000000000..b41769f77 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/features.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/logo.png b/product_360_degree_view_in_website/static/description/assets/misc/logo.png new file mode 100755 index 000000000..478462d3e Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/logo.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/pictures.png b/product_360_degree_view_in_website/static/description/assets/misc/pictures.png new file mode 100755 index 000000000..56d255fe9 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/pictures.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/pie-chart.png b/product_360_degree_view_in_website/static/description/assets/misc/pie-chart.png new file mode 100755 index 000000000..426e05244 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/pie-chart.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/right-arrow.png b/product_360_degree_view_in_website/static/description/assets/misc/right-arrow.png new file mode 100755 index 000000000..730984a06 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/right-arrow.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/star.png b/product_360_degree_view_in_website/static/description/assets/misc/star.png new file mode 100755 index 000000000..2eb9ab29f Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/star.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/support.png b/product_360_degree_view_in_website/static/description/assets/misc/support.png new file mode 100755 index 000000000..4f18b8b82 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/support.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/misc/whatsapp.png b/product_360_degree_view_in_website/static/description/assets/misc/whatsapp.png new file mode 100755 index 000000000..d513a5356 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/misc/whatsapp.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/modules/1.jpg b/product_360_degree_view_in_website/static/description/assets/modules/1.jpg new file mode 100755 index 000000000..e19e7ab11 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/modules/1.jpg differ diff --git a/product_360_degree_view_in_website/static/description/assets/modules/2.jpg b/product_360_degree_view_in_website/static/description/assets/modules/2.jpg new file mode 100755 index 000000000..3f6a08970 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/modules/2.jpg differ diff --git a/product_360_degree_view_in_website/static/description/assets/modules/3.jpg b/product_360_degree_view_in_website/static/description/assets/modules/3.jpg new file mode 100755 index 000000000..33491bcf0 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/modules/3.jpg differ diff --git a/product_360_degree_view_in_website/static/description/assets/modules/4.png b/product_360_degree_view_in_website/static/description/assets/modules/4.png new file mode 100755 index 000000000..612be4b77 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/modules/4.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/modules/5.jpg b/product_360_degree_view_in_website/static/description/assets/modules/5.jpg new file mode 100755 index 000000000..693671ccf Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/modules/5.jpg differ diff --git a/product_360_degree_view_in_website/static/description/assets/modules/6.png b/product_360_degree_view_in_website/static/description/assets/modules/6.png new file mode 100755 index 000000000..a0ac2d840 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/modules/6.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/screenshots/360_view01.png b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view01.png new file mode 100644 index 000000000..862d799e8 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view01.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/screenshots/360_view02.png b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view02.png new file mode 100644 index 000000000..9e1f810ed Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view02.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/screenshots/360_view03.png b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view03.png new file mode 100644 index 000000000..b6aace31c Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view03.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/screenshots/360_view04.png b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view04.png new file mode 100644 index 000000000..73cd025c2 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view04.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/screenshots/360_view05.png b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view05.png new file mode 100644 index 000000000..29ddc6340 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view05.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/screenshots/360_view06.png b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view06.png new file mode 100644 index 000000000..8d3e3e86d Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view06.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/screenshots/360_view07.png b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view07.png new file mode 100644 index 000000000..f91659dca Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view07.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/screenshots/360_view08.png b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view08.png new file mode 100644 index 000000000..f67b6c415 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/screenshots/360_view08.png differ diff --git a/product_360_degree_view_in_website/static/description/assets/screenshots/hero.gif b/product_360_degree_view_in_website/static/description/assets/screenshots/hero.gif new file mode 100644 index 000000000..fbed61065 Binary files /dev/null and b/product_360_degree_view_in_website/static/description/assets/screenshots/hero.gif differ diff --git a/product_360_degree_view_in_website/static/description/banner.jpg b/product_360_degree_view_in_website/static/description/banner.jpg new file mode 100644 index 000000000..3ab8de69c Binary files /dev/null and b/product_360_degree_view_in_website/static/description/banner.jpg differ diff --git a/product_360_degree_view_in_website/static/description/icon.png b/product_360_degree_view_in_website/static/description/icon.png new file mode 100644 index 000000000..86902f69f Binary files /dev/null and b/product_360_degree_view_in_website/static/description/icon.png differ diff --git a/product_360_degree_view_in_website/static/description/index.html b/product_360_degree_view_in_website/static/description/index.html new file mode 100755 index 000000000..b9974df73 --- /dev/null +++ b/product_360_degree_view_in_website/static/description/index.html @@ -0,0 +1,813 @@ + + + + + + + Odoo App 3 Index + + + + + + + + +
+
+
+
+
+ +
+
+
+ Community +
+
+ Enterprise +
+
+ Odoo.sh +
+
+
+
+
+
+

+ Product 360 Degree View in Website

+

+ Make Your Customers View Products From All Angles in Odoo + Website +

+
+ +
+
+
+
+
+

+ Key Highlights +

+
+
+
+
+
+ +
+
+

+ Customer can view each Angle of the Product in a + Mouse Move

+
+
+
+
+
+
+ +
+
+

+ Fully Responsive and Mobile Optimized + Module.

+
+
+
+
+
+
+ +
+
+

+ Enable/Disable the 360 degree view for a + Specific Product.

+
+
+
+
+
+
+ +
+
+

+ Available in Odoo 17.0 Community, Odoo.sh and + Enterprise.

+
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+

+ As seen in the image below, a tab will + appear where you may add various 360-degree + images as soon as the Display 360 Image + Checkbox is selected. +

+

+
+
+
+
+
+
+ +
+
+

+ We can add images and label Here

+

For a better view add at least 25 images + +

+
+
+
+
+
+
+ +
+
+

+ When comes to website if the product have + the 360 images enabled , a button 360 degree + visible in shop

+

+ +

+
+
+
+
+
+
+ +
+
+

+ 360 degree move with the Mouse

+

After clicking the button when we move mouse + over the picture the product will be moved + according to the mouse move directiony

+
+
+
+
+
+
+ +
+
+

+

+
+
+
+
+
+
+ +
+
+

+

+
+
+
+
+
+
+ +
+
+

+

+
+
+
+
+
+
+ +
+
+

+ Stop the 360 move

+

+ We Can Stop The 360 View of The Product By + Clicking The Stop Button, And It Will Show + The 360 Button + +

+
+
+
+ +
+
+
+
    +
  • + Available in + Odoo 17.0 Community and Enterprise +
  • +
  • + Customer Can + View Each Angle Of The Product In A Mouse Move + +
  • +
  • + Enable/Disable + the 360 degree view for a Specific Product + +
  • +
+
+
+
+
+
+
Version + 17.0.1.0.0|Released on:5th August 2024 +
+

+ Initial Commit for Product 360 Degree View in + Website .

+
+
+
+
+
+
+
+

+ Related Products

+
+
+ +
+
+

+ Our Services

+ +
+
+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Customization

+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Implementation

+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Support

+
+
+
+
+
+
+ service-icon +
+
+

Hire + Odoo Developer

+
+
+
+
+ +
+
+ service-icon +
+
+

Odoo + Integration

+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Migration

+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Consultancy

+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Implementation

+
+
+
+
+
+
+ service-icon +
+
+

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

+
+
+
+
+
+
+
+ +
+ Need + Help? +

Got + questions or need help? Get in touch.

+
odoo@cybrosys.com +
+
+
+
+
+
+
+
+ +
+ WhatsApp +

Say hi to + us on WhatsApp!

+
+91 + 99456767686 +
+
+
+
+
+
+
+
+
+ + + + + + diff --git a/product_360_degree_view_in_website/static/src/css/360_view.css b/product_360_degree_view_in_website/static/src/css/360_view.css new file mode 100644 index 000000000..a4a1d3b9b --- /dev/null +++ b/product_360_degree_view_in_website/static/src/css/360_view.css @@ -0,0 +1,23 @@ +@charset "utf-8"; +body, ul, li { +margin: 0; +padding: 0; +} +ul, li { +list-style: none; +} +#image_360 { +width: 400px; + +margin: 30px auto 0; +overflow: hidden; +} +#image_360 ul { +width: 400px; +height: 280px; +} +#image_360 ul li img { +display: block; +width: 400px; +height: 280px; +} \ No newline at end of file diff --git a/product_360_degree_view_in_website/static/src/js/360_view.js b/product_360_degree_view_in_website/static/src/js/360_view.js new file mode 100644 index 000000000..6cf47aff4 --- /dev/null +++ b/product_360_degree_view_in_website/static/src/js/360_view.js @@ -0,0 +1,52 @@ +/** @odoo-module **/ +import publicWidget from "@web/legacy/js/public/public_widget"; +var pic_W = $('.list').width() / 2; + var center_X = 0 + pic_W; + var movestop = pic_W / 10; + +publicWidget.registry.product_view = publicWidget.Widget.extend({ + selector: '.360_degree_view', + events: { + 'mousemove.list': 'Move360Image', + 'click .360_view': '_360ViewClick', + 'click .stop_view': '_stopViewClick', + }, + setup: function () { +// Calling the moveImg function + this._super.apply(this, arguments); + this.moveImg(); + }, + // Function for calculating the movements of the picture + moveImg: function (m_X, m_Y, dir) { + var index = Math.ceil(Math.abs(m_X - center_X) / movestop); + if (dir) { + this.$el.find('.list li').eq(index).show().siblings().hide(); + } else { + this.$el.find('.list li').eq(18 - index).show().siblings().hide(); + } + }, + // Mousemove of the image + Move360Image: function (ev) { + var mouse_X = ev.pageX; + var mouse_Y = ev.pageY; + if (mouse_X - center_X <= 0) { + this.moveImg(mouse_X, mouse_Y, 'left'); + } else { + this.moveImg(mouse_X, mouse_Y); + } + }, + // Click function of the image to change the 360 degree + _360ViewClick: function (ev) { + this.$el.find('.carousel-inner, .product_detail_img').css({ 'display': 'none' }); + this.$el.find('#image_360').css({ 'display': 'block' }); + this.$el.find('.360_view').addClass('d-none'); // Hide the 360 view button + this.$el.find('.stop_view').removeClass('d-none'); // Show the stop button + }, +// Function for the button stop + _stopViewClick: function (ev) { + this.$el.find('#image_360').css({ 'display': 'none' }); + this.$el.find('.product_detail_img').css({ 'display': 'block' }); + this.$el.find('.stop_view').addClass('d-none'); // Hide the stop button + this.$el.find('.360_view').removeClass('d-none'); // Show the 360 view button + }, + }); diff --git a/product_360_degree_view_in_website/views/360_view_templates.xml b/product_360_degree_view_in_website/views/360_view_templates.xml new file mode 100644 index 000000000..a56f9151d --- /dev/null +++ b/product_360_degree_view_in_website/views/360_view_templates.xml @@ -0,0 +1,46 @@ + + + + + diff --git a/product_360_degree_view_in_website/views/product_product_views.xml b/product_360_degree_view_in_website/views/product_product_views.xml new file mode 100644 index 000000000..ecb183ae2 --- /dev/null +++ b/product_360_degree_view_in_website/views/product_product_views.xml @@ -0,0 +1,30 @@ + + + + + + product.product.view.form.inherit.product.360.degree.view.in.website + + product.product + + + + + + + + + + + + + + + + + + diff --git a/product_360_degree_view_in_website/views/product_template_views.xml b/product_360_degree_view_in_website/views/product_template_views.xml new file mode 100644 index 000000000..b9ed25246 --- /dev/null +++ b/product_360_degree_view_in_website/views/product_template_views.xml @@ -0,0 +1,30 @@ + + + + + + product.template.view.form.inherit.product.360.degree.view.in.website + + product.template + + + + + + + + + + + + + + + + + +