PHPackages magepow/productzoom - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Image & Media](/categories/media) 4. / 5. magepow/productzoom ActiveMagento2-module[Image & Media](/categories/media) magepow/productzoom =================== Magento 2 Product zoom images. 1.0.1(5y ago)37.4k↓35.7%3OSL-3.0JavaScript Since May 12Pushed 1y ago1 watchersCompare [ Source](https://github.com/magepow/magento-2-product-zoom)[ Packagist](https://packagist.org/packages/magepow/productzoom)[ RSS](/packages/magepow-productzoom/feed)WikiDiscussions main Synced yesterday READMEChangelog (2)Dependencies (1)Versions (3)Used By (0) [![](https://github.com/magepow/themeforest/raw/master/shopify/shopify_affiliate.jpg)](https://shopify.pxf.io/VyL446) Magento 2 Product image zoom extension -------------------------------------- [](#magento-2-product-image-zoom-extension) You are selling products on Magento online stores, Magento 2 Product zoom extension will help customers see your products in the clearest and most detailed way. ### Description [](#description) When shopping in an online store, the problem that hinders the customer's shopping process is not being able to view product details directly. Understanding this, Magepow developed the Magento 2 Product zoom extension. This extension allows customers to enlarge product images to see details that they cannot see at normal resolution. 3 zoom types you can use are Window zoom, Inner zoom, and Lens zoom. - Window zoom: Positioning the window can be done by setting a default position and then using x and y offset to adjust. You can also position the window into a container. The administrator can customize the size of the Zoom window (width, height) and zoom window offset (x-axis, y-axis) in the admin panel. [![Window zoom](https://github.com/magepow/magento-2-product-zoom/raw/main/media/window-zoom.gif)](https://github.com/magepow/magento-2-product-zoom/blob/main/media/window-zoom.gif) - Inner Zoom: the zoom can be placed inside of the image [![Inner Zoom](https://github.com/magepow/magento-2-product-zoom/raw/main/media/zoom-type-inner.gif)](https://github.com/magepow/magento-2-product-zoom/blob/main/media/zoom-type-inner.gif) - Lens zoom: You can use the lens zoom setting to "Magnify the image". The image to the least has been constrained so it tucks underneath the image. [![Lens zoom](https://github.com/magepow/magento-2-product-zoom/raw/main/media/zoom-type-lens.gif)](https://github.com/magepow/magento-2-product-zoom/blob/main/media/zoom-type-lens.gif) [![Latest Stable Version](https://camo.githubusercontent.com/cf662938235909c39957eafebd56cf636c8cd3a6eec2a4b562c525064e94df16/68747470733a2f2f706f7365722e707567782e6f72672f6d616765706f772f70726f647563747a6f6f6d2f762f737461626c65)](https://packagist.org/packages/magepow/productzoom)[![Total Downloads](https://camo.githubusercontent.com/ecfff6949c1e6b5e961527af5d9cab127a1bc40bdb9a038fa2203f400e5c5f21/68747470733a2f2f706f7365722e707567782e6f72672f6d616765706f772f70726f647563747a6f6f6d2f646f776e6c6f616473)](https://packagist.org/packages/magepow/productzoom)[![Daily Downloads](https://camo.githubusercontent.com/86c13b208d0214c3120870ed40d5f84486575273c3402d905146f6564688b058/68747470733a2f2f706f7365722e707567782e6f72672f6d616765706f772f70726f647563747a6f6f6d2f642f6461696c79)](https://packagist.org/packages/magepow/productzoom) ### Magento 2 Product zoom features [](#magento-2-product-zoom-features) - Use 3 Zoom type to suit your product - Product image zoom hover: hover over your product image, scroll forward to enlarge product details, scroll back down to reduce zoom. - Smooth zooming with Easing effect and FadeIn & FadeOut Speed. - Choose Cursor: Options are default, cursor, crosshair - Support responsive - Image Cross Fade - Customize Boder - Customize Tints **Pro version with outstanding features** FeaturesFree VersionPro VersionInner zoom✅✅Window zoomX✅Lens zoomX✅How to download and install Magento 2 Product Zoom -------------------------------------------------- [](#how-to-download-and-install-magento-2-product-zoom) Download [Magento 2 Product Zoom](https://magepow.com/magento-2-product-zoom.html) Install according to [the instructions](https://docs.alothemes.com/m2/extension/productzoom/) for use. Magento 2 Product Zoom user guide --------------------------------- [](#magento-2-product-zoom-user-guide) ### General Configuration [](#general-configuration) #### Enable Magento 2 Product Zoom [](#enable-magento-2-product-zoom) Go to `Admin Panel > Stores > Settings > Configuration > Magepow > Product Zoom`Select `Yes` to enable module. [![enable-module-img](https://github.com/magepow/magento-2-product-zoom/raw/main/media/enable-1.png)](https://github.com/magepow/magento-2-product-zoom/blob/main/media/enable-1.png) #### Setting Magento 2 Product Zoom [](#setting-magento-2-product-zoom) Go to `Admin Panel > Stores > Settings > Configuration > Magepow > Product Zoom` - Zoom Type: Choose 1 of 3 types of Window, Inner or Lens. ##### If you choose the Window you will need to setting: [](#if-you-choose-the-window-you-will-need-to-setting) - Zoom Window Position: Positioning the window can be done in by setting a default position, and then using x and y offset to adjust. - zoom window offetx: x-axis offset of the zoom window. - zoom window offety: y-axis offset of the zoom window. - z-index window zoom - Zoom window width: Width of the zoom Window. - Zoom window height: Height of the zoom Window. [![Window](https://github.com/magepow/magento-2-product-zoom/raw/main/media/window-2.jpg)](https://github.com/magepow/magento-2-product-zoom/blob/main/media/window-2.jpg) - Zoom Window FadeIn: You can fade in on the Window. - Zoom Window FadeOut: You can fade out on the Window. - Lens Shape and Window Shape: Shape of the lens or window. - Lens Colour and window Colour: Colour of the lens or window background. - Tint: You can easily set tints for the zoom. - Tint Colour: you can set the colour of the tint overlay to be any value. - Tint Opacity: you can set the opacity of the tint overlay to be any value. - Cursor: Change pointer shape with 3 styles as default, pointer or cross. - Responsive: Set to true to activate responsivenes. If you have a theme which changes size, or tablets which change orientation this is needed to be on. - Image Cross Fade: Set to true to activate simultaneous crossfade of images on gallery change. - Border Size: Border Size of the Zoom Box - Border Colour: Border Colour of the Zoom Box - Easing: You can use the default easing or a custom easing setting. The amount of easing can also be altered - default is 12, set higher for more, lower for less [![Window](https://github.com/magepow/magento-2-product-zoom/raw/main/media/window-1.jpg)](https://github.com/magepow/magento-2-product-zoom/blob/main/media/window-1.jpg) ##### If you choose the Inner you will need to setting: [](#if-you-choose-the-inner-you-will-need-to-setting) - Cursor - Responsive - Image Cross Fade - Easing [![Inner](https://github.com/magepow/magento-2-product-zoom/raw/main/media/inner.png)](https://github.com/magepow/magento-2-product-zoom/blob/main/media/inner.png) ##### If you choose the Lens you will need to setting: [](#if-you-choose-the-lens-you-will-need-to-setting) - Lens Size: The size of the lens. - Lens FadeIn: You can fade in on the Lens. - Lens FadeOut: You can fade in out the Lens. - Zoom Lens: set to false to hide the Lens. - Lens Border: Width in pixels of the lens border. - Lens Shape and Window Shape - Contain Lens Zoom: This makes sure the lens does not fall outside the outside of the image. - Lens Colour and window Colour [![Lens](https://github.com/magepow/magento-2-product-zoom/raw/main/media/lens-1.jpg)](https://github.com/magepow/magento-2-product-zoom/blob/main/media/lens-1.jpg) - Lens Opacity - Tint - Tint Colour - Tint Opacity - Responsive - Image Cross Fade - Border Size - Border Colour - Easing [![Lens](https://github.com/magepow/magento-2-product-zoom/raw/main/media/lens-2.png)](https://github.com/magepow/magento-2-product-zoom/blob/main/media/lens-2.png) ### This Is Result In Frontend [](#this-is-result-in-frontend) [![config-module-img](https://github.com/magepow/magento-2-product-zoom/raw/main/media/frontend-.gif)](https://github.com/magepow/magento-2-product-zoom/blob/main/media/frontend-.gif) **[Our Magento 2 Extensions](https://magepow.com/magento-2-extensions.html)** - [Magento 2 Recent Sales Notification](https://magepow.com/magento-2-recent-order-notification.html) - [Magento 2 Categories Extension](https://magepow.com/magento-categories-extension.html) - [Magento 2 Sticky Cart](https://magepow.com/magento-sticky-cart.html) - [Magento 2 Ajax Contact](https://magepow.com/magento-ajax-contact-form.html) - [Magento 2 Lazy Load](https://magepow.com/magento-lazy-load.html) - [Magento 2 Mutil Translate](https://magepow.com/magento-multi-translate.html) - [Magento 2 Instagram Integration](https://magepow.com/magento-2-instagram.html) - [Magento 2 Lookbook Pin Products](https://magepow.com/lookbook-pin-products.html) - [Magento 2 Product Slider](https://magepow.com/magento-product-slider.html) - [Magento 2 Product Banner](https://magepow.com/magento-2-banner-slider.html) **[Our Magento 2 services](https://magepow.com/magento-services.html)** - [PSD to Magento 2 Theme Conversion](https://alothemes.com/psd-to-magento-theme-conversion.html) - [Magento 2 Speed Optimization Service](https://magepow.com/magento-speed-optimization-service.html) - [Magento 2 Security Patch Installation](https://magepow.com/magento-security-patch-installation.html) - [Magento 2 Website Maintenance Service](https://magepow.com/website-maintenance-service.html) - [Magento 2 Professional Installation Service](https://magepow.com/professional-installation-service.html) - [Magento 2 Upgrade Service](https://magepow.com/magento-upgrade-service.html) - [Magento 2 Customization Service](https://magepow.com/customization-service.html) - [Hire Magento 2 Developer](https://magepow.com/hire-magento-developer.html) **[Our Magento 2 Themes](https://alothemes.com/)** - [Expert Multipurpose Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/expert-premium-responsive-magento-2-and-1-support-rtl-magento-2-/21667789) - [Gecko Premium Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/gecko-responsive-magento-2-theme-rtl-supported/24677410) - [Milano Fashion Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/milano-fashion-responsive-magento-1-2-theme/12141971) - [Electro 2 Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/electro2-premium-responsive-magento-2-rtl-supported/26875864) - [Electro Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/electro-responsive-magento-1-2-theme/17042067) - [Pizzaro Food responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/pizzaro-food-responsive-magento-1-2-theme/19438157) - [Biolife organic responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/biolife-organic-food-magento-2-theme-rtl-supported/25712510) - [Market responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/market-responsive-magento-2-theme/22997928) - [Kuteshop responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/kuteshop-multipurpose-responsive-magento-1-2-theme/12985435) - [Bencher - Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/bencher-responsive-magento-1-2-theme/15787772) - [Supermarket Responsive Magento 2 Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/supermarket-responsive-magento-1-2-theme/18447995) **[Our Shopify Themes](https://themeforest.net/user/alotheme)** - [Dukamarket - Multipurpose Shopify Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/dukamarket-multipurpose-shopify-theme/36158349) - [Ohey - Multipurpose Shopify Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/ohey-multipurpose-shopify-theme/34624195) - [Flexon - Multipurpose Shopify Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/flexon-multipurpose-shopify-theme/33461048) **[Our Shopify App](https://apps.shopify.com/partners/maggicart)** - [Magepow Infinite Scroll](https://apps.shopify.com/magepow-infinite-scroll) - [Magepow Promotionbar](https://apps.shopify.com/magepow-promotionbar) - [Magepow Size Chart](https://apps.shopify.com/magepow-size-chart) **[Our WordPress Theme](https://themeforest.net/user/alotheme/portfolio)** - [SadesMarket - Multipurpose WordPress Theme](https://1.envato.market/c/1314680/275988/4415?u=https://themeforest.net/item/sadesmarket-multipurpose-wordpress-theme/35369933) ### Health Score 35 — LowBetter than 77% of packages Maintenance34 Infrequent updates — may be unmaintained Popularity28 Limited adoption so far Community14 Small or concentrated contributor base Maturity53 Maturing project, gaining track record Bus Factor1 Top contributor holds 58.3% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 2 Last Release 1878d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/49830061?v=4)[https://magepow.com](/maintainers/magepow)[@magepow](https://github.com/magepow) --- Top Contributors [![AnnaDoann](https://avatars.githubusercontent.com/u/69129640?v=4)](https://github.com/AnnaDoann "AnnaDoann (14 commits)")[![magiccart](https://avatars.githubusercontent.com/u/10281371?v=4)](https://github.com/magiccart "magiccart (8 commits)")[![davidduong90](https://avatars.githubusercontent.com/u/39608917?v=4)](https://github.com/davidduong90 "davidduong90 (1 commits)")[![Zoe-997](https://avatars.githubusercontent.com/u/57448131?v=4)](https://github.com/Zoe-997 "Zoe-997 (1 commits)") --- Tags image-zoominnerlens-zoommagento-2-extensionmagento-2-modulemagento-2-product-zoommagento-2-zoomproduct-zoomtintwindow-zoomzoom-inner ### Embed Badge ![Health badge](/badges/magepow-productzoom/health.svg) ``` [![Health](https://phpackages.com/badges/magepow-productzoom/health.svg)](https://phpackages.com/packages/magepow-productzoom) ``` ### Alternatives [goat1000/svggraph Generates SVG graphs 135911.1k3](/packages/goat1000-svggraph)[gravatarphp/gravatar Gravatar URL builder which is most commonly called as a Gravatar library 16653.6k2](/packages/gravatarphp-gravatar)[magepow/lazyload Create lazy load image magento site. 1633.3k](/packages/magepow-lazyload)[magepow/categories Shows categories in the form of a grid or list, on category pages, home page or any other page. 4020.1k](/packages/magepow-categories)[rsoury/wp-imgix Rewrites WordPress image URLs to use ImgIX 167.2k](/packages/rsoury-wp-imgix) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)