diff options
| author | Dharmraj Jhala <dja@odoo.com> | 2017-05-29 14:44:34 +0530 |
|---|---|---|
| committer | Jeremy Kersten <jke@odoo.com> | 2018-04-03 16:25:18 +0200 |
| commit | 3d6f9b5e0ba12ab23bf2aa5e8da7f3fecb7291ea (patch) | |
| tree | 51a43db63ccd719a0f363c919fb3d9498bb7aded /addons/website/static/src | |
| parent | 34c7fe2e77e67243e690acb9dd867436f7ca2625 (diff) | |
[IMP] website, website_sale: improve magnify feature
Move zoom next the original picture
Disable it if same img and max size with ratio < 1.5
Allow to enable zoom automatically
...
Task-33499
Co-authored-by: Jérémy Kersten <jke@odoo.com>
Diffstat (limited to 'addons/website/static/src')
| -rw-r--r-- | addons/website/static/src/js/content/zoomodoo.js | 4 | ||||
| -rw-r--r-- | addons/website/static/src/less/website.zoomodoo.less | 13 |
2 files changed, 8 insertions, 9 deletions
diff --git a/addons/website/static/src/js/content/zoomodoo.js b/addons/website/static/src/js/content/zoomodoo.js index de4683a0dff..1e85e46062f 100644 --- a/addons/website/static/src/js/content/zoomodoo.js +++ b/addons/website/static/src/js/content/zoomodoo.js @@ -27,7 +27,7 @@ var defaults = { linkAttribute: 'data-zoom-image', // event to trigger zoom - event: 'click', //or mousenter + event: 'click', //or mouseenter // Prevent clicks on the zoom image link. preventClicks: true, @@ -83,7 +83,7 @@ ZoomOdoo.prototype._init = function () { } $attach.parent().on('mousemove.zoomodoo touchmove.zoomodoo', $.proxy(this._onMove, this)); $attach.parent().on('mouseleave.zoomodoo touchend.zoomodoo', $.proxy(this._onLeave, this)); - this.$target.parent().on(this.opts.event + '.zoomodoo touchstart.zoomodoo', $.proxy(this._onEnter, this)); + this.$target.on(this.opts.event + '.zoomodoo touchstart.zoomodoo', $.proxy(this._onEnter, this)); if (this.opts.preventClicks) { this.$target.on('click.zoomodoo', function (e) { e.preventDefault(); }); diff --git a/addons/website/static/src/less/website.zoomodoo.less b/addons/website/static/src/less/website.zoomodoo.less index da90921b1c2..3d855c96a96 100644 --- a/addons/website/static/src/less/website.zoomodoo.less +++ b/addons/website/static/src/less/website.zoomodoo.less @@ -17,19 +17,18 @@ z-index: 100; overflow: hidden; background: #FFF; + top: 0; + width: 100%; + height: 100%; + img { + max-width: 500%; + } } .zoomodoo-hover .zoomodoo-flyout { - top: 0; left: 0; - width: 100%; - height: 100%; } .zoomodoo-next .zoomodoo-flyout { - top: 0; left: 100%; - width: 100%; - height: 100%; - margin-left: 20px; }
\ No newline at end of file |