+ 
+ 
+ 
+ 
+ 
+
+ ![]()
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+ Pos Product Magnify Image
+This module allows magnifying product images in Point of sale.
+ +
+
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+ This module crafted by Cybrosys Technologies provides an option to magnify product images in the Point of Sale.
+
+
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+ Magnify product images in PoS
+ Use the + icon on the product image in the PoS to get a magnified image..
+
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Magnify product image
+Click on the + icon to get a magnified product image.
+
+
+
+
+ 
+
+
+ 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/pos_magnify_image/static/src/css/pos_magnify_image.css b/pos_magnify_image/static/src/css/pos_magnify_image.css
new file mode 100755
index 000000000..bc3b472d0
--- /dev/null
+++ b/pos_magnify_image/static/src/css/pos_magnify_image.css
@@ -0,0 +1,17 @@
+.pos-product-magnify {
+ position: absolute;
+ top: 0px;
+ left: 20px;
+ line-height: 13px;
+ border-radius: 2px;
+ z-index: 1000;
+}
+.product-large-image{
+ margin: auto;
+ max-width: auto;
+ max-height: 250px !important;
+}
+.product-large-image img{
+ max-width: 100%;
+ max-height: 250px !important;
+}
\ No newline at end of file
diff --git a/pos_magnify_image/static/src/js/MagnifyProductPopup.js b/pos_magnify_image/static/src/js/MagnifyProductPopup.js
new file mode 100644
index 000000000..a7973adf3
--- /dev/null
+++ b/pos_magnify_image/static/src/js/MagnifyProductPopup.js
@@ -0,0 +1,24 @@
+odoo.define('pos_magnify_image.MagnifyProductPopup', function (require) {
+ "use strict";
+
+ const AbstractAwaitablePopup = require('point_of_sale.AbstractAwaitablePopup');
+ const Registries = require('point_of_sale.Registries');
+
+
+ class MagnifyProductPopup extends AbstractAwaitablePopup {
+ constructor() {
+ super(...arguments);
+ }
+ get largeImageUrl() {
+ const product = this.props['body'];
+ return `/web/image?model=product.product&field=image_1920&id=${product.id}&write_date=${product.write_date}&unique=1`;
+ }
+ }
+ MagnifyProductPopup.template = 'MagnifyProductPopup';
+ MagnifyProductPopup.defaultProps = {
+ cancelText: 'Close',
+ };
+ MagnifyProductPopup.template = 'MagnifyProductPopup';
+ Registries.Component.add(MagnifyProductPopup);
+ return MagnifyProductPopup;
+});
\ No newline at end of file
diff --git a/pos_magnify_image/static/src/js/ProductScreen.js b/pos_magnify_image/static/src/js/ProductScreen.js
new file mode 100755
index 000000000..ea7f91a51
--- /dev/null
+++ b/pos_magnify_image/static/src/js/ProductScreen.js
@@ -0,0 +1,34 @@
+odoo.define('pos_magnify_image.ProductScreen', function (require) {
+ "use strict";
+ const { useListener } = require("@web/core/utils/hooks");
+ var Registries = require('point_of_sale.Registries');
+ const ProductScreen = require('point_of_sale.ProductScreen');
+ var core = require('web.core');
+ var _t = core._t;
+
+ const MagnifyProduct = ProductScreen =>
+ class extends ProductScreen {
+ setup() {
+ super.setup();
+ useListener('click-magnify-product', this._clickMagnifyProduct);
+ this.magnifyProduct = false;
+ }
+ async _clickMagnifyProduct(event) {
+ this.magnifyProduct = true;
+ const { confirmed } = await this.showPopup('MagnifyProductPopup', {
+ title: this.env._t(event.detail.display_name),
+ body: this.env._t(event.detail),
+ });
+
+ this.magnifyProduct = false;
+ }
+ async _clickProduct(event) {
+ if (this.magnifyProduct === true) {
+ return false;
+ }
+ super._clickProduct(event);
+ }
+ }
+ Registries.Component.extend(ProductScreen, MagnifyProduct);
+ return MagnifyProduct;
+});
\ No newline at end of file
diff --git a/pos_magnify_image/static/src/xml/MagnifyProductPopup.xml b/pos_magnify_image/static/src/xml/MagnifyProductPopup.xml
new file mode 100644
index 000000000..2861e53ab
--- /dev/null
+++ b/pos_magnify_image/static/src/xml/MagnifyProductPopup.xml
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+