SOME OF THE WORLD’S MOST RESPECTED BRANDS TRUST MAGIC TOOLBOX

Magic Toolbox Customers
Magic 360 for Magento

Enchant customers with 360° spins

Show the trustworthiness of your goods.

  • You can put it anywhere in your store.
  • Tweak it to perfection with over 30 options.

The most powerful Magento 360 degree view available

Supported Versions

  • Enterprise: 2.x, 1.11.x - 1.14.x
  • Community: 2.x, 1.4.x - 1.9.x
  Rating: 5.0 (5 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

Increase engagement and conversions with real life like 360 degree view of your products

Get more from your Magento site

Improve your website user experience and increase conversions. 360 degree views have increased conversions by 27%. Magic 360 is compatible with both Magento 1 & Magento 2 and always updated when new Magento versions are released.
Get more from your Magento site

Accelerate your pageload speed

Images wil be resized and optimised automatically by Magic 360. Then they're cached so speed up the download of your Magento website. Users with slow connections will be pleasantly surprised and you can accelerate it even more with lazy loading.

Built with SEO in mind

Upload big beautiful images to delight your customers. Magic 360 will serve the most suitable size and use SEO-friendly URLs to help Google index your images and boost your SEO.
Built with SEO in mind

Responsive out of the box

Magic 360 is refined for all devices, from mobile phones to large desktops. 100% of users will enjoy real-life views with intuitive mouse/touch gestures. The JavaScript 360 viewer is compatible with jQuery (and not dependent on it).

Secure your images

Don't let competitors use your hard-earned 360 photos on their website. Your spins can have a watermark appled, with your logo. Adjust the style, size and location to your desire.

"I've been using magictoolbox code almost from the beginning. It is well done, imaginative, and compact. I've tried plenty of other image handlers but none are as good a value as these and I highly recommend them."
Wayne Eskridge, lightingshowroom.com

We've got you covered

Money back guarantee

30-day money back guarantee if you are not 100% satisfied.

Free Support

30 minutes free technical support for all customers. You can buy extra support if you need.

Instant Download

Download your product immediately after payment. Pay by credit card, PayPal or bank transfer.

Free updates

Enjoy 12 months of free updates. After that, new versions are available at 80% discount.

Customer reviews

  Rating: 5.0 (5 reviews)
Perfect support!
I was having problem with custom layout of the specific version of the module.
The team reacted so fast for 2 days they fix my problem.
Thanks guys perfect support!

Nikola Haralamov

Really genuinely impressed
It really works, came out with great looking 360 images and the guy was very responsive in helping us integrate. 100% recommend

Matt

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.

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 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-options tag (this is described in detail on the Magic 360 integration page).

    <a href="#" class="Magic360" data-options="filename:YOUR-IMAGE-NAME-{col}.jpg;"><img src="" data-lazy-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.