Product Zoom

Magento 2 Extension — User Guide & Documentation

Magento 2.3.x / 2.4.xBy MagepowAdmin + Frontend

Vendor
Magepow Extensions

1 · Installation

Two ways to install — via Composer or by uploading the app folder. Both end with the same Magento CLI steps.

Before you begin: install the extension on a staging/test server first, and take a full backup of your files and database — especially on a live store.

System requirements

Magento 2.3.x / 2.4.x installed and working
PHP, MySQL/MariaDB and web server meeting Magento 2 system requirements
SSH access to run Magento CLI commands

Method 1 — Install via Composer (recommended)

Open a terminal in your Magento 2 root directory and require the package:
```
composer require magepow/productzoom
```
Run the Magento setup upgrade:
```
php bin/magento setup:upgrade
```

Deploy static content (production mode):

php bin/magento setup:static-content:deploy -f

Flush the cache:
```
php bin/magento cache:flush
```

Method 2 — Manual install (upload `app` folder)

Download the extension package and unzip it. Upload the app folder to your Magento 2 root so it merges with the existing app directory.

Run the following commands from the Magento 2 root:

php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f
php bin/magento cache:flush

Log out of the Admin panel and log back in to refresh access permissions, then clear the cache under System > Cache Management.

Tip: while configuring the store, disable full-page and additional PHP caches (Varnish, Redis, OPcache/APCu) so changes appear immediately. Re-enable them when you are done.

2 · Configuration & Usage

All settings live in the Magento Admin panel. Screenshots below match the default Admin theme.

1 - How to configure the extension

General Configuration

To Enable/DisableMagepow Product Zoom Extension: Go to Admin Panel > Stores > Settings > Configuration > Magepow > Product Zoom. Then, select Yes to Enable module/No to Disable the module

enable disable

2 - How to show your product zoom on pages

After enabling the module, we will configure the product zoom configuration. InAdmin Panel > Stores > Settings > Configuration > Magepow > Product Zoom

zoom type

Scroll zoom: True/False to enable/disable the scroll zoom
Set Zoom Type : Window, Inner, Lens.

If your choice for zoom type is Window

config 2

Set Zoom Window Position : Select one value from 1 to 4 like as image
Set z-index window zoom
Set with of window zoom in Zoom window width
Set height of window zoom in Zoom window height
Set zoom window offetx : x-axis offset of the zoom window
Set zoom window offety : y-axis offset of the zoom window

config 3

Set Zoom Window FadeOut : Set as a number e.g 200 for speed of Window fadeOut
Lens Shape and Window Shape : Select two type of window shapes including Square and Round
Lens Colour and window Colour: Select colour of the lens or window background
Tint: Select true/false for enabling/disabling tint
Set Tint Colour : colour of the tint, can be #hex, word (red, blue), or rgb(x, x, x)
Set Tint Opacity : opacity of the tint

If you select lens for zoom type

lens zoom

Lens Size: used when zoomType set to lens, when zoom type is set to window, then the lens size is auto calculated
Lens FadeIn: Select true/false to enable/disable Fade in feature
Lens FadeOut:Select true/false to enable/disable Fade out feature
Zoom Lens: Set true/false to show/hide the zoom lens
Lens Border: Set width of the lens border

Note: Other attributes from Lens Shape and Window Shape stay the same

If you select inner zoom type, you just need to configure some attributes below

config 4

config 5 <

Set Cursor : The default cursor is usually the arrow, if using a lightbox, then set the cursor to pointer so it looks clickable - Options are default, cursor, crosshair
Set 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. Possible Values: "True", "False"
Set Image Cross Fade : Set to true to activate simultaneous crossfade of images on gallery change. Possible Values: "True", "False"
Set Border Size : Border Size of the ZoomBox - Must be set here as border taken into account for plugin calculations
Set Border Colour : Select Border Colour
Set Easing : Set to true to activate easing. Possible Values: "True", "False"

Results in frontend

frontend

3 · Support

Found a bug or need customization? Contact us — we usually reply within 24–48 hours.

Need help?

Ticket support: support.magepow.com — we reply within 24–48 hours (usually much faster). Please include your Magento version, extension version and screenshots/error messages.
Documentation: docs.magepow.com
Video tutorials: Magepow on YouTube

Bug reports

If you find a bug, please report it via the ticket system with steps to reproduce, expected vs. actual behavior, and any relevant logs (var/log/system.log, var/log/exception.log).