diff --git a/dynamic_image_hotspot/README.rst b/dynamic_image_hotspot/README.rst new file mode 100644 index 000000000..a35f90c59 --- /dev/null +++ b/dynamic_image_hotspot/README.rst @@ -0,0 +1,50 @@ +.. image:: https://img.shields.io/badge/license-AGPL--3-blue.svg + :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html + :alt: License: AGPL-3 + +Dynamic Image Hotspot +====================== +The module allows users to add a hotspot for snippet images. A product link can be further added +to the hotspot so that whenever a user clicks on the hotspot they are directed to the +product page in website shop. + +Configuration +============= +* No additional configurations needed + +Company +------- +* `Cybrosys Techno Solutions `__ + +License +------- +Affero General Public License, Version 3 (AGPL v3). +https://www.gnu.org/licenses/agpl-3.0-standalone.html + +Credits +------- +* Developers: (V16) Ansil pv, + (V17) Sabeel B +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/dynamic_image_hotspot/__init__.py b/dynamic_image_hotspot/__init__.py new file mode 100644 index 000000000..c83136b61 --- /dev/null +++ b/dynamic_image_hotspot/__init__.py @@ -0,0 +1,21 @@ +# -*- coding: utf-8 -*- +################################################################################ +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies(). +# Author: Sabeel B (odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU AFFERO +# GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. +# +# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE +# (AGPL v3) along with this program. +# If not, see . +# +################################################################################ diff --git a/dynamic_image_hotspot/__manifest__.py b/dynamic_image_hotspot/__manifest__.py new file mode 100644 index 000000000..8400f6360 --- /dev/null +++ b/dynamic_image_hotspot/__manifest__.py @@ -0,0 +1,48 @@ +# -*- coding: utf-8 -*- +################################################################################ +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies(). +# Author: Sabeel B (odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU AFFERO +# GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. +# +# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE +# (AGPL v3) along with this program. +# If not, see . +# +################################################################################ +{ + 'name': 'Dynamic Image Hotspot', + 'version': '17.0.1.0.0', + 'category': 'Website', + 'summary': 'Add dynamic hotspot for snippet images', + 'description': "The app allows users to add a hotspot for snippet images. " + "A product link can be further added to the hotspot so that " + "whenever a user clicks on the hotspot they are directed to " + "the product page in website shop.", + 'author': 'Cybrosys Techno Solutions', + 'company': 'Cybrosys Techno Solutions', + 'maintainer': 'Cybrosys Techno Solutions', + 'website': 'https://www.cybrosys.com', + 'depends': ['website_sale'], + 'data': ['views/snippets/snippets.xml'], + 'assets': { + 'website.assets_wysiwyg': [ + 'dynamic_image_hotspot/static/src/js/snippet_options.js', + 'dynamic_image_hotspot/static/src/css/style.css', + ], + }, + 'images': ['static/description/banner.jpg'], + 'license': 'AGPL-3', + 'installable': True, + 'auto_install': False, + 'application': False, +} diff --git a/dynamic_image_hotspot/doc/RELEASE_NOTES.md b/dynamic_image_hotspot/doc/RELEASE_NOTES.md new file mode 100644 index 000000000..93acae346 --- /dev/null +++ b/dynamic_image_hotspot/doc/RELEASE_NOTES.md @@ -0,0 +1,6 @@ +## Module + +#### 05.03.2024 +#### Version 17.0.1.0.0 +#### ADD +- Initial Commit for Dynamic Image Hotspot. diff --git a/dynamic_image_hotspot/static/description/assets/icons/capture (1).png b/dynamic_image_hotspot/static/description/assets/icons/capture (1).png new file mode 100644 index 000000000..8824deafc Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/capture (1).png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/check.png b/dynamic_image_hotspot/static/description/assets/icons/check.png new file mode 100644 index 000000000..c8e85f51d Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/check.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/chevron.png b/dynamic_image_hotspot/static/description/assets/icons/chevron.png new file mode 100644 index 000000000..2089293d6 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/chevron.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/cogs.png b/dynamic_image_hotspot/static/description/assets/icons/cogs.png new file mode 100644 index 000000000..95d0bad62 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/cogs.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/consultation.png b/dynamic_image_hotspot/static/description/assets/icons/consultation.png new file mode 100644 index 000000000..8319d4baa Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/consultation.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/ecom-black.png b/dynamic_image_hotspot/static/description/assets/icons/ecom-black.png new file mode 100644 index 000000000..a9385ff13 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/ecom-black.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/education-black.png b/dynamic_image_hotspot/static/description/assets/icons/education-black.png new file mode 100644 index 000000000..3eb09b27b Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/education-black.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/hotel-black.png b/dynamic_image_hotspot/static/description/assets/icons/hotel-black.png new file mode 100644 index 000000000..130f613be Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/hotel-black.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/img.png b/dynamic_image_hotspot/static/description/assets/icons/img.png new file mode 100644 index 000000000..70197f477 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/img.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/license.png b/dynamic_image_hotspot/static/description/assets/icons/license.png new file mode 100644 index 000000000..a5869797e Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/license.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/lifebuoy.png b/dynamic_image_hotspot/static/description/assets/icons/lifebuoy.png new file mode 100644 index 000000000..658d56ccc Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/lifebuoy.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/manufacturing-black.png b/dynamic_image_hotspot/static/description/assets/icons/manufacturing-black.png new file mode 100644 index 000000000..697eb0e9f Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/manufacturing-black.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/photo-capture.png b/dynamic_image_hotspot/static/description/assets/icons/photo-capture.png new file mode 100644 index 000000000..06c111758 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/photo-capture.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/pos-black.png b/dynamic_image_hotspot/static/description/assets/icons/pos-black.png new file mode 100644 index 000000000..97c0f90c1 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/pos-black.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/puzzle.png b/dynamic_image_hotspot/static/description/assets/icons/puzzle.png new file mode 100644 index 000000000..65cf854e7 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/puzzle.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/restaurant-black.png b/dynamic_image_hotspot/static/description/assets/icons/restaurant-black.png new file mode 100644 index 000000000..4a35eb939 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/restaurant-black.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/service-black.png b/dynamic_image_hotspot/static/description/assets/icons/service-black.png new file mode 100644 index 000000000..301ab51cb Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/service-black.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/trading-black.png b/dynamic_image_hotspot/static/description/assets/icons/trading-black.png new file mode 100644 index 000000000..9398ba2f1 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/trading-black.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/training.png b/dynamic_image_hotspot/static/description/assets/icons/training.png new file mode 100644 index 000000000..884ca024d Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/training.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/update.png b/dynamic_image_hotspot/static/description/assets/icons/update.png new file mode 100644 index 000000000..ecbc5a01a Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/update.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/user.png b/dynamic_image_hotspot/static/description/assets/icons/user.png new file mode 100644 index 000000000..6ffb23d9f Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/user.png differ diff --git a/dynamic_image_hotspot/static/description/assets/icons/wrench.png b/dynamic_image_hotspot/static/description/assets/icons/wrench.png new file mode 100644 index 000000000..6c04dea0f Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/icons/wrench.png differ diff --git a/dynamic_image_hotspot/static/description/assets/misc/Cybrosys R.png b/dynamic_image_hotspot/static/description/assets/misc/Cybrosys R.png new file mode 100644 index 000000000..da4058087 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/misc/Cybrosys R.png differ diff --git a/dynamic_image_hotspot/static/description/assets/misc/email.svg b/dynamic_image_hotspot/static/description/assets/misc/email.svg new file mode 100644 index 000000000..15291cdc3 --- /dev/null +++ b/dynamic_image_hotspot/static/description/assets/misc/email.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dynamic_image_hotspot/static/description/assets/misc/phone.svg b/dynamic_image_hotspot/static/description/assets/misc/phone.svg new file mode 100644 index 000000000..b7bd7f251 --- /dev/null +++ b/dynamic_image_hotspot/static/description/assets/misc/phone.svg @@ -0,0 +1,3 @@ + + + diff --git a/dynamic_image_hotspot/static/description/assets/misc/star (1) 2.svg b/dynamic_image_hotspot/static/description/assets/misc/star (1) 2.svg new file mode 100644 index 000000000..5ae9f507a --- /dev/null +++ b/dynamic_image_hotspot/static/description/assets/misc/star (1) 2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/dynamic_image_hotspot/static/description/assets/misc/support (1) 1.svg b/dynamic_image_hotspot/static/description/assets/misc/support (1) 1.svg new file mode 100644 index 000000000..7d37a8f30 --- /dev/null +++ b/dynamic_image_hotspot/static/description/assets/misc/support (1) 1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/dynamic_image_hotspot/static/description/assets/misc/support-email.svg b/dynamic_image_hotspot/static/description/assets/misc/support-email.svg new file mode 100644 index 000000000..eb70370d6 --- /dev/null +++ b/dynamic_image_hotspot/static/description/assets/misc/support-email.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dynamic_image_hotspot/static/description/assets/misc/tick-mark.svg b/dynamic_image_hotspot/static/description/assets/misc/tick-mark.svg new file mode 100644 index 000000000..2dbb40187 --- /dev/null +++ b/dynamic_image_hotspot/static/description/assets/misc/tick-mark.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/dynamic_image_hotspot/static/description/assets/misc/whatsapp 1.svg b/dynamic_image_hotspot/static/description/assets/misc/whatsapp 1.svg new file mode 100644 index 000000000..0bfaf8fc6 --- /dev/null +++ b/dynamic_image_hotspot/static/description/assets/misc/whatsapp 1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/dynamic_image_hotspot/static/description/assets/misc/whatsapp.svg b/dynamic_image_hotspot/static/description/assets/misc/whatsapp.svg new file mode 100644 index 000000000..b618aea1d --- /dev/null +++ b/dynamic_image_hotspot/static/description/assets/misc/whatsapp.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dynamic_image_hotspot/static/description/assets/modules/1.png b/dynamic_image_hotspot/static/description/assets/modules/1.png new file mode 100644 index 000000000..0e311ca87 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/modules/1.png differ diff --git a/dynamic_image_hotspot/static/description/assets/modules/2.png b/dynamic_image_hotspot/static/description/assets/modules/2.png new file mode 100644 index 000000000..a0ac2d840 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/modules/2.png differ diff --git a/dynamic_image_hotspot/static/description/assets/modules/3.png b/dynamic_image_hotspot/static/description/assets/modules/3.png new file mode 100644 index 000000000..cb17cf612 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/modules/3.png differ diff --git a/dynamic_image_hotspot/static/description/assets/modules/4.jpg b/dynamic_image_hotspot/static/description/assets/modules/4.jpg new file mode 100644 index 000000000..67c7f7062 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/modules/4.jpg differ diff --git a/dynamic_image_hotspot/static/description/assets/modules/5.png b/dynamic_image_hotspot/static/description/assets/modules/5.png new file mode 100644 index 000000000..8513873ea Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/modules/5.png differ diff --git a/dynamic_image_hotspot/static/description/assets/modules/6.jpg b/dynamic_image_hotspot/static/description/assets/modules/6.jpg new file mode 100644 index 000000000..73781cf50 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/modules/6.jpg differ diff --git a/dynamic_image_hotspot/static/description/assets/screenshots/hero.gif b/dynamic_image_hotspot/static/description/assets/screenshots/hero.gif new file mode 100644 index 000000000..657f3334a Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/screenshots/hero.gif differ diff --git a/dynamic_image_hotspot/static/description/assets/screenshots/scrn_01.png b/dynamic_image_hotspot/static/description/assets/screenshots/scrn_01.png new file mode 100644 index 000000000..a802567c2 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/screenshots/scrn_01.png differ diff --git a/dynamic_image_hotspot/static/description/assets/screenshots/scrn_02.png b/dynamic_image_hotspot/static/description/assets/screenshots/scrn_02.png new file mode 100644 index 000000000..280956681 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/screenshots/scrn_02.png differ diff --git a/dynamic_image_hotspot/static/description/assets/screenshots/scrn_03.png b/dynamic_image_hotspot/static/description/assets/screenshots/scrn_03.png new file mode 100644 index 000000000..03a7a9002 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/screenshots/scrn_03.png differ diff --git a/dynamic_image_hotspot/static/description/assets/screenshots/scrn_04.png b/dynamic_image_hotspot/static/description/assets/screenshots/scrn_04.png new file mode 100644 index 000000000..e9c02fd69 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/screenshots/scrn_04.png differ diff --git a/dynamic_image_hotspot/static/description/assets/screenshots/scrn_05.png b/dynamic_image_hotspot/static/description/assets/screenshots/scrn_05.png new file mode 100644 index 000000000..18cca2f83 Binary files /dev/null and b/dynamic_image_hotspot/static/description/assets/screenshots/scrn_05.png differ diff --git a/dynamic_image_hotspot/static/description/banner.jpg b/dynamic_image_hotspot/static/description/banner.jpg new file mode 100644 index 000000000..97284f98d Binary files /dev/null and b/dynamic_image_hotspot/static/description/banner.jpg differ diff --git a/dynamic_image_hotspot/static/description/icon.png b/dynamic_image_hotspot/static/description/icon.png new file mode 100644 index 000000000..a0fd2de08 Binary files /dev/null and b/dynamic_image_hotspot/static/description/icon.png differ diff --git a/dynamic_image_hotspot/static/description/index.html b/dynamic_image_hotspot/static/description/index.html new file mode 100644 index 000000000..71732c08a --- /dev/null +++ b/dynamic_image_hotspot/static/description/index.html @@ -0,0 +1,588 @@ + + + + + + + Odoo App 3 Index + + + + + + + + +
+
+
+
+
+ +
+
+
+ Community +
+
+ Enterprise +
+
+ Odoo.sh +
+
+
+
+
+
+

+ Dynamic Image Hotspot

+

+ It's Allows Users To Add Hotspot For Snippet Images To Redirect The Product. +

+
+ +
+
+
+
+
+

Key Highlights +

+
+
+
+
+
+ +
+
+

The app allows users to add a hotspot for snippet images.

+
+
+
+
+
+
+ +
+
+

User can be re-directed to the product + page in website shop by clicking on the Hotspot.

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

+ Enable Image Hotspot For Snippet Images.

+

+ Select snippet images and enable image hotspot option from + snippet options.

+
+
+
+
+
+
+ +
+
+

+ Horizontal and Vertical Positioning of Image Hotspot.

+

+ Adjust the horizontal and vertical positioning of image hotspot + to place it in desired + position using the "Move Horizontal" and "Move Vertical" snippet + options.

+
+
+
+
+
+
+ +
+
+

+ Add Products.

+

+ Select the desired product to be redirected when the user clicks + on the image hotspot.

+
+
+
+
+
+
+ +
+
+

+ Clicking on Image Hotspot.

+

+ Click on the image hotspot to redirect to the shop product page + that was configured in the + snippet options.

+
+
+
+
+
+
+ +
+
+

+ Product Page.

+

+ After clicking on the image hotspot, the user is directed to the + product page.

+
+
+
+
+
+
+
    +
  • + Allows users to create hotspot for snippet images. +
  • +
  • + Allows users to add the link for website-shop product page to + the image hotspot. +
  • +
+
+
+
+
+
+
Version + 17.0.1.0.0|Released on:31th January 2024 +
+

+ + Initial Commit for Dynamic Image Hotspot.

+
+
+
+
+
+
+
+

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/dynamic_image_hotspot/static/src/css/style.css b/dynamic_image_hotspot/static/src/css/style.css new file mode 100644 index 000000000..4af2a2f82 --- /dev/null +++ b/dynamic_image_hotspot/static/src/css/style.css @@ -0,0 +1,32 @@ +/** + * 1. keyframes for the image hotspot element class "popup-product". + * 2. Defines the style of class "popup-product". + */ +@keyframes popup-product{ + 0%{ + transform: scale(70%); + opacity: 1; + } + 100%{ + transform: scale(100%); + opacity: 0; + } +} +.popup-product{ + position: absolute; + left: 50%; + top: 50%; + z-index=10; + width: 80px; + height: 80px; + max-width: 80px; + max-height: 80px; + border-radius: 50%; + background: #dbb544; + animation: popup-product 0.9s ease-in-out infinite; +} +.popup-product:hover { + width: 80px; + height: 80px; + background: #25c462; +} diff --git a/dynamic_image_hotspot/static/src/js/snippet_options.js b/dynamic_image_hotspot/static/src/js/snippet_options.js new file mode 100644 index 000000000..59f0d4870 --- /dev/null +++ b/dynamic_image_hotspot/static/src/js/snippet_options.js @@ -0,0 +1,47 @@ +/** @odoo-module **/ +import options from "@web_editor/js/editor/snippets.options"; +/** +* JavaScript file defining a registry of options for the image hotspot feature in the web editor snippets. +* The registry includes methods for toggling the image hotspot feature, setting the vertical and horizontal position +of the hotspot, and setting the product template for the hotspot link. +*/ +options.registry.ImageHotspot = options.Class.extend({ + init: function () { + this._super(...arguments); + this.imageHotspot() + }, + imageHotspot: function (previewMode, widgetValue) { + if (widgetValue == 'on' && previewMode === false) { + this.$target[0].parentElement.style.position = "relative"; + const target = this.$target[0].parentElement; + var document = this.ownerDocument; + const newA = document.createElement('a'); + newA.className = 'popup-product'; + this.$target[0].after(newA); + } + if (widgetValue == 'off' && previewMode === false) { + const target = this.$target[0] + if (target.nextElementSibling) { + if (target.nextElementSibling.className == 'popup-product') { + target.nextElementSibling.remove(); + } + } + } + }, + async setVertical(previewMode, widgetValue) { + let target = this.$target[0].nextElementSibling; + let value = parseFloat(widgetValue); + target.style.top = `${value}%`; + }, + async setHorizontal(previewMode, widgetValue) { + let target = this.$target[0].nextElementSibling; + let value = parseFloat(widgetValue); + target.style.left = `${value}%`; + }, + async setProductTemplate(previewMode, widgetValue) { + let target = this.$target[0].nextElementSibling; + let value = `/shop/${widgetValue}` + target.setAttribute("href", value); + } + +}); \ No newline at end of file diff --git a/dynamic_image_hotspot/views/snippets/snippets.xml b/dynamic_image_hotspot/views/snippets/snippets.xml new file mode 100644 index 000000000..68f4d16f3 --- /dev/null +++ b/dynamic_image_hotspot/views/snippets/snippets.xml @@ -0,0 +1,52 @@ + + + + + +