No coding required.

Use your Magic 360 extension almost anywhere on your Magento site.

You can even apply different spin options to each page.

    Supported pages & blocks

    • Product details page
    • CMS pages (Magento 1.x)
    • Manual install elsewhere
 

Supported features

  • Multiple images (uploaded with the default Magento image manager)
  • Multi-language (different locales)
  • Different configs for different themes
  • Show additional selectors on category page
  • Magento image clipped can be ignored
  • Native Magento watermarks
  • Can be used with our other Magento modules
  • Enterprise: 2.x, 1.11.x - 1.14.x
  • Community: 2.x, 1.4.x - 1.9.x
  Rating: 5.0 (3 reviews)

This is the undisputed best Magento 360 viewer for showing your products in 360 degrees.

Magic 360 displays a series of images as a smooth 360 degree spin. Spin it left and right to see the entire product like in real life. It can also rotate images up/down to see under and over a product. The ultimate Magento 3D product viewer for maximising your sales conversions.

Click to zoom in to any frame of the spin or click the full-screen icon to open up a stunning big-screen view that shoppers adore. It looks superb on desktops and even more gorgeous on mobile devices, be it iOS, Android or other.

Save yourself time and use our bulk upload tool. Perfect if you have lots of 360 product spins.

For the finishing touch, combine Magic 360 with Magic Zoom Plus. Together, you can show vidoes, zoomable images and 360 spins all in a fast and neat image gallery on your product page.

Verified by Magento:
Read reviews of Magic 360 on the official marketplace for Magento 1.x and Magento 2 extensions.
Rating

Key features

New versions support

All versions of Magento are supported (Enterprise: 2.x, 1.11.x - 1.14.x, Community: 2.x, 1.4.x - 1.9.x). We update our modules as soon as a new version of Magento is released.

One click installation

Saves you time. Upload Magic 360 for Magento directly to your Admin panel.

Responsive

Magic 360 is responsive out of the box. Essential for multi-device adaptation.

Image resizing

Upload large version of product images (approx 800px). Magento will resize images automatically throughout your website.

Caching

Optimize your website. Magic 360 caches resized images. Which means fewer image downloads.

Per page profiles

Enable Magic 360 on different pages & sections of your Magento store. Even better, customize it differently in each section/page.

Bandwidth allocation

Control how Magic 360 initializes & loads images. Choose to activate on page load or on request.

Multi language support

Change Magic 360 message & loading text. Engage customers worldwide with the language they love.

SEO friendly

Magic 360 supports SEO Friendly URLs. Vital for website high ranking in search engines.

Watermarked images

Protect your images. Choose the position, opacity & size of your watermark.

Web settings

Say goodbye to manual configuration. Customize settings instantly using Magic 360 Settings page.

jQuery compatibility

Magic 360 requires no jQuery, 3rd party library or framework. Magic 360 is completely compatible.

Custom themes support

If Magic 360 doesn't work immediately on your site, email us and we'll add support for your theme (free of charge).

One-off payment

Pay once and the Magic 360 license is yours forever.

Live demos

Screenshots

  • Magento admin configuration page for Magic 360 extension
  • Magento admin configuration page for Magic 360 extension
  • Enable 360 spins on your Magento category pages
  • Magento 2 admin configuration page for Magic 360 extension
  • Magento 2 admin configuration page for Magic 360 extension
  • Magic 360 supports Magento 2 native product video functionality

Installation

IMPORTANT: Magic 360 replaces the Magento image gallery when installed. This means only 360 spin displays on product page. Want to display 360 spin & static images? Install Magic Zoom Plus (video, zoom & enlarge) too.

  1. Download Magic 360 for Magento (free and fully functional 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. Magento compiler disable before module installation If you use Magento Compiler, disable it System > Tools > Compilation > Disable.
  4. Magento module for Magento web installer Go to http://www.yoursite.url/magic360/ in your browser > click 'Install' (replace yoursite.url with your domain name).
  5. Magento run compilation process If you use Magento Compiler, click 'Run Compilation Process'.
  6. Refresh Magento cache after when Magento installation is completed Go to System > Cache Management > Select All and refresh the cache.
  7. The demo version is now installed! To create a 360 spin, see detailed steps below.
  8. Magento module for Magento settings page To customize your Magic 360 options (speed, autospin etc), go to Magic Toolbox > Magic 360 settings > Default settings in your Magento admin panel.
  9. Buy Magic 360 To upgrade your version of Magic 360 (which removes the "Trial version" text), buy Magic 360 and overwrite following file with the same one from your licensed version:
    /skin/frontend/[your_interface]/[your_theme]/js/magic360.js
  1. Download Magic 360 for Magento 2 (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the 'app' folder to your Magento directory (on your server), keeping the file and folder structure intact.
  3. Login to your Magento admin (as an administrator).
  4. Magento 2 web setup wizard Go to System > Web Setup Wizard in the menu.
  5. Magento 2 component manager Click the Component Manager link.
  6. Enable Magic 360 in Magento 2 admin Find the magictoolbox/magic360 component in the list and select the Enable action.
  7. Complete Magic 360 installation in Magento 2 admin Follow the instructions in the wizard until the process is complete (you will see a 'Success' message).
  8. The demo version is now installed.
  9. Customize Magic 360 for your Magento store Customize Magic 360 settings to suit your needs - go to the [Magic Toolbox > Magic 360] menu in the Magento admin panel.
  10. If you need help, please send questions to our support team. Include your page URL and if you'd like us to make changes, a login to your Magento admin. We reply to every email as quickly as possible (Monday-Friday, 9am-5pm UTC).
  11. Buy Magic 360

    To upgrade your version of Magic 360 (which removes the "Trial version" text), buy Magic 360 and overwrite following file with the same one from your licensed version:

    app/code/MagicToolbox/Magic360/view/frontend/web/js/magic360.js
  1. Download Magic 360 for Magento 2 (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the 'app' folder to your Magento directory (on your server), keeping the file and folder structure intact.
  3. Activate module from command line:

    #List all modules
    php -f bin/magento module:status
    #Enable Magic 360 module
    php -f bin/magento module:enable MagicToolbox_Magic360 --clear-static-content
    #Run database installation upgrades
    php -f bin/magento setup:upgrade
    #Remove previously compiled classes
    rm -rf var/generation
    #Compile (only needed in Production Mode)
    php -f bin/magento setup:di:compile
    #Deploy Static Content (only needed in Production Mode)
    php -f bin/magento setup:static-content:deploy
                    
  4. The demo version is now installed.
  5. Customize Magic 360 for your Magento store Customize Magic 360 settings to suit your needs - go to the [Magic Toolbox > Magic 360] menu in the Magento admin panel.
  6. If you need help, please send questions to our support team. Include your page URL and if you'd like us to make changes, a login to your Magento admin. We reply to every email as quickly as possible (Monday-Friday, 9am-5pm UTC).
  7. Buy Magic 360

    To upgrade your version of Magic 360 (which removes the "Trial version" text), buy Magic 360 and overwrite following file with the same one from your licensed version:

    app/code/MagicToolbox/Magic360/view/frontend/web/js/magic360.js

Video tutorial

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

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

Multi-language

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"
  3. Continue these steps for each locale you wish to change.

Bulk upload images

To upload many images to your Magento 1.x site, use one of the 2 scripts that comes inside the Magic 360 extension.

  1. Upload your images to your Magento site using FTP. The location and folder structure must follow one of these two patterns:

    https://yourdomain.com/magic360images/{product-SKU}/anyfilename1.jpg
    https://yourdomain.com/magic360images/{product-SKU}/anyfilename2.jpg
    https://yourdomain.com/magic360images/{product-SKU}/anyfilename3.jpg
    etc.
    

    or:

    https://yourdomain.com/magic360images/{product-ID}/anyfilename1.jpg
    https://yourdomain.com/magic360images/{product-ID}/anyfilename2.jpg
    https://yourdomain.com/magic360images/{product-ID}/anyfilename3.jpg
    etc.
    

    The folder names must exactly match your product ID or SKU. The file names can be anything - images will be added to the spin in alphanumeric order.

  2. Download the latest version of Magic 360 for Magento.
  3. Unzip the extension.
  4. Find these two bulk upload scripts:

    bulk_360.php
    bulk_360_id.php

  5. Upload the scripts to the root of your Magento site e.g.

    https://yourdomain.com/bulk_360.php
    https://yourdomain.com/bulk_360_id.php
    
  6. Execute the script that matches your folder names. The bulk_360.php script is for folders named with the product SKU. The bulk_360_id.php script is for folders named with the product ID.
  7. The script will copy all the images into your Magento database. It can take about 1 second per 36 image spin.
  8. Once the script has finished, it will show you a report of all the images copied.
  9. You've finished! You might like to delete the images that you uploaded. You might also like to change the file name of the PHP script to avoid malicious usage. The same script can be used again next time you need to upload images.

Uploading multiple spins to your Magento 2 store at once is easy with the 'Import images to Magic 360' page.

  1. Bulk upload spin images to your Magento 2 store Go to the [Magic Toolbox > Import Magic 360 images] menu in the Magento admin panel.
  2. Enter the name of the folder which contains your 360 images. The folder must be located in the Magento 2 root directory.
  3. The folder names must exactly match your product ID or SKU. The spin file names can be anything - images will be added to the spin in alphanumeric order.
  4. By default, 'Delete after import' is set to 'no'.
  5. Click 'Import Images' button.
  6. That's it!

Upload 360 images

A single spin moves left/right. It's important your images are numbered in the order you want them to appear, eg: ring-01.jpg, ring-02.jpg, ring-03.jpg etc. The video below shows how easy it is to upload your 360 images to a product. If you have many spins to upload to your Magento store, check out the Bulk upload images steps.

Tip: Generally, 360 photography studios provide 36 high resolution JPEG images of each product to create a spin. This means each image must be taken at a 10 degree interval for the spin to feel smooth when viewed. You can take any number of photos (more or less), the crucial factor is that each frame is separated by the same number of degrees, making it feel consistent.

Upload 3D images

A 3D spin can move up/down and left/right. The example in the video uses 48 images in total. 12 images create the left/right spin, with 4 rows of each (up/down movement).

Tip: Photographing a 3D spin is accomplished by taking the first set of images at one level, then adjusting the camera position and taking the next set of images at a different level, and so on.

Spin in CMS area

Add 360 degree spin effects to any CMS page on your Magento 1.x store.

  1. Go to Magic Toolbox > Magic 360 settings > Default settings menu in your Magento admin panel.
  2. Go to 'Defaults' tab > General > Include headers on all pages > Select 'Yes' > Save settings.
  3. Go to 'CMS > Pages'.
  4. Open existing page or create a new page.
  5. Click 'Content' tab > Click 'HTML' button (a pop up box will appear).
  6. Add a 360 spin to any CMS page by inserting an <img> tag for the first image in your spin. Wrap an <a> tag around it with a class of Magic360 and href of #. Specify the format of your file names using the filename parameter inside a data-magic360-options tag (this is described in detail on the Magic 360 integration page).

    <a href="#" class="Magic360" data-magic360-options="filename:YOUR-IMAGE-NAME-{col}.jpg;"><img src="YOUR-IMAGE-NAME-01.jpg"/></a>
  7. Click 'Update' > Click 'Save page'.
  8. All HTML code for Magic 360 settings are described here.

Uninstallation

Thanks for trying Magic 360 on your Magento site! What did you hope Magic 360 could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.

  1. If you use Magento Compiler, disable it System > Tools > Compilation > Disable.
  2. Go to System > Cache Management > Select All and disable the cache.
  3. Go to http://your.site.url/magic360/ in your browser and click 'Uninstall' (replace yoursite.url with your domain name).
  4. If you use Magento Compiler, click 'Run Compilation Process'.
  5. Go to System > Cache Management > Select All and refresh / enable the cache.
  6. Delete the magic360 folder from the root of your Magento directory (on your server).
  7. Magic 360 is now uninstalled.
  1. Login to your Magento admin (as an administrator).
  2. Go to System > Web Setup Wizard in the menu.
  3. Click the Component Manager link.
  4. Find the magictoolbox/magic360 component in the list and select the Disable action.
  5. Follow the instructions in the wizard until the uninstallation process is complete.
  6. Magic 360 is now uninstalled.

FAQ

  1. Can I use Magic 360 on Category pages?

    If you use Magento 2.x, you can easily add 360 spins to your Category page - just go to the Magic 360 settings page after you've installed the extension. If you use Magento 1.x, the Magic 360 extension doesn't have the Category page option but we can customise it on your website for £80. Contact us if you'd like to arrange that.
  2. Is Magic Zoom Plus included in the Magic 360 license or is it purchased separately?

    Magic Zoom Plus should be purchased separately. You should use it if you want to combine both regular product images and spin on the same product details page.
  3. Are there any known conflicts of your extension with other Magento extensions?

    Magic 360 should be compatible with all extensions. You can download and try the free trial before purchasing. If you have any questions, please let us know.
  4. Is it possible to bulk import spin images from FTP to database?

    Yes, we have a special PHP script for bulk import. Please follow the step-by-step instructions on this page.
  5. How do I place a 360 image on another page (other than product page)?

    1. Go to Magic 360 settings page > Default tab.
    2. Set the 'include headers' on all pages' > Yes.
    3. Now you can insert 360 spins any where on your website using Magic 360 HTML code. Your code will look like this:
    <a href="#" class="Magic360" data-magic360-options="filename:ring-{col}.jpg;"><img src="ring-01.jpg" alt=""/></a>
    
    All HTML code for Magic 360 settings are described here.

Customer reviews

  Rating: 5.0 (3 reviews)
Best support ever
The extension is great, works out of the box. I had a little issue with some of the template related functionality, and after sending a support mail, I had an answer withing 10-15 min with all the required modifications.

Pavel

Just works perfectly
Excellent addition to our website - works across all devices and is trouble free.

Tony Jackson, pretavoir.co.uk

Amazing extension
This extension is amazing. Extremely easy to use, it adds this powerful resource to your website with a very few steps. I've been using it with magento and it requires a simple drag and drop of the images to work. I truly recommend.

Paulo, qgairsoft.com.br

Submit your review


Thank you!
Your review has been received and will be posted soon.
Used only to verify your review is genuine.

Other Magento extensions


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.

Credit: thanks to Karl Martini, for the photos of the running shoe. His twin-axis photography technique shows products in rotating vertically and horizontally. It can be an excellent choice for displaying your products instead of the more traditional 360 degree (single row) spin.