Product Zoom 360

Magento 2 Extension — User Guide & Documentation

Magento 2.3.x / 2.4.xBy MagepowAdmin + Frontend
Vendor
Magepow Extensions
Online docs
docs.magepow.com

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)

  1. Open a terminal in your Magento 2 root directory and require the package:
    composer require magepow/productzoom360
  2. Run the Magento setup upgrade:
    php bin/magento setup:upgrade
  3. Deploy static content (production mode):
    php bin/magento setup:static-content:deploy -f
  4. Flush the cache:
    php bin/magento cache:flush

Method 2 — Manual install (upload app folder)

  1. Download the extension package and unzip it. Upload the app folder to your Magento 2 root so it merges with the existing app directory.
  2. 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
  3. 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 - Zoom 360 Configuration

In Admin Panel > Magepow > Configuration

configuration

  • Enable: Yes to turn on. No to turn off the extension.
  • Auto Play: 360 view of product will spin automatically after page load.
  • Drag Speed: Rotation speed when using mouse to drag on 360 view.
  • Magnification: Zoom Factor of Magnifier.
  • Show 360 Thumbnail First: Yes to put the 360 thumbnail before the product thumbnails. Not to put it last.

2 - Set 360 View For Product

Go to product edit page by Admin Panel > Catalog > Products > Product edit page. Example below is the product edit page of a product called Hero Hoodie. Then scroll down to the Product Zoom 360 tab.

product edit

  • 1. Enable: Yes to display 360 view on product page (Enable/Disable in Configuration have higher priority).
  • 2. Images: Load images for 360 view here.
  • 3. Preview Zoom360: See 360 view after load images.

360viewimages

  • 4. Sorting: Drag and drop to sort images order.
  • 5. Deleting: Delete image.

Click Preview Zoom360 to see the result.

previewzoom360

After loading all images, save the product to save the 360 view.

saveproduct

3 - 360 View Management

In Admin Panel > Magepow > 360 Zoom Management

360manager

360manager2

  • 1. Mass Action:
    - Delete: Remove all images in 360 degree view in selected products and set Enable to No.
    - Enable: Display 360 degree view on selected product.
    - Disable: Disable 360 degree view on selected product.
  • 2. Filters:
    - Product Id: Filter by product id.
    - Product Name: Filter by product name.
    - Status: Filter by 360 view status.
  • 3. Edit: Navigate to Product edit page.

4 - Storefront Product Page Result

Below is the front page of the Hero Hoodie product.

pfrontpage

  • 1. 360 degree view.
  • 2. Full screen mode and Magnifier.
  • 3. Thumbnail of 360 view.

Using Magnifier:

pfrontpage2

Enter Full screen mode:

pfrontpage3

3 · Support

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

Need help?

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).