Magic 360™ for Magento

Show your products from every angle with this beautiful 360 spin tool. It rotates images on hover or drag. Try it:

Install now

  1. Download Magic 360™ for Magento (demo version).
  2. Unzip the file on your computer and FTP the magic360 folder to your Magento directory (on your server), keeping the file and folder structure intact.
  3. If you use Magento Compiler, disable it System > Tools > Compilation > Disable (screenshot).
  4. Go to http://www.yoursite.url/magic360/ in your browser > click 'Install' (replace yoursite.url with your domain name) (screenshot).
  5. If you use Magento Compiler, click 'Run Compilation Process' (screenshot).
  6. Go to System > Cache Management > Select All and refresh the cache (screenshot).
  7. The demo version is now installed! To create a 360 spin, see detailed steps below.
  8. To upgrade your version of Magic 360™ (which removes the "Please upgrade" text), buy Magic 360™ and overwrite the old /skin/frontend/[your_interface]/[your_theme]/js/magic360.js file with the new file in your licensed version.
  9. To customize your Magic 360™ options (speed, autospin etc), go to Magic Toolbox > Magic 360 settings > Default settings in your Magento admin panel (screenshot).

To setup a 360 spin

  1. Open the product which you'd like to spin and click Magic360 Images at the bottom of the left navigation (screenshot).
  2. Browse your computer for your set of images and click Upload images (screenshot).
  3. The 'Multi row spin' section at top of the page will automatically update. The 'Number of images on X-axis' shows how many images are in your spin. The 'Number of images on Y-axis' shows if your spin moves up/down. '1' means one row only (screenshot). If your spin has multiple rows, click 'Multi-row spin' (screenshot) and enter the number of columns and rows in Number of images on X-axis and Number of images on Y-axis (screenshot).


You can change the language of the message and loading text like so:

  1. Find the locale folder for the language you wish to change e.g. /app/locale/en_US.
  2. Open the file Mage_Api.csv into the editor and insert these lines at the and of the file:

    "Magic360_Message","Write your message here"

    "Magic360_LoadingText","Write your message here"

  3. Continue these steps for each locale you wish to change.


Q How do I change the image when custom options are selected?
A Put the color name in the 'Label' attribute of each image. Open module settings page and set the option for 'Options names associated with images separated by commas' to your option name.
Q How do I prevent Magento images stretching?
A Open module settings page and turn on the option named 'Ignore magento CSS width/height styles for additional images'.
Q Do you support configurable products?
A We do not support configurable products. We only support configurable product attributes and also product options.

Multiple images

To spin some images and zoom others , you can install both Magic 360™ and Magic Zoom Plus™.

  1. Install the Magento module for Magic 360™.
  2. Install the Magento module for Magic Zoom Plus™.
  3. Create product as normal. Click 'Save and Continue Edit'. A new section 'Magic360 Images' will appear at the bottom of the left hand navigation.
  4. Upload zoom images via 'Images' section. Upload 360 spin images via 'Magic360 Images' section (screenshot).

Watch the installation video:

How to upload 360 images:

How to upload 3D images (multi-row):

This 360 degree viewer was built for Magento Commerce. It uses JavaScript to create the spin effect, using a set of photos spaced at equal degrees to create the spin effect. You can customise the speed, borders, effects, blurring, autostart and other options. The Magento extension makes it easy to install and customize and if you need help, contact us.

Magic 360™ works on iOS devices (iPhone, iPad, iTouch), most Android devices and all major browsers including Internet Explorer, Firefox, Chrome, Safari and Opera.

To create the 360 degree view of the product, you need a set of 18 or 36 photographs. The photos should be shot on a turntable, with bright lighting against a white background. If you don't have photos, tell us what your products are and we can get quotations for professional 360 product photography for you. Each set of photos typically costs between £30 and £90.

Other Magento modules