Magic 360 for Magento

Enchant customers with 360 degree spins

Enlarge to full screen for even more detail

  • Click to zoom in for a beautiful close-up.
  • Tweak it to perfection with over 30 options and an API.

Features | Watch video | Download Magento 2 extension | Download Magento 1.x extension

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 (2 reviews)

Relied upon by Magento store owners, Magic 360 has been the professional choice since 2010 for stylish spin, zoom & full-screen effects.

This official Magento extension makes it easy to apply these effects to your pages. Even better - the extension gives you auto-caching, image resizing and SEO optimization as part of the dedicated Magento features.

With free new versions regularly released, your products will always look gorgeous with Magic 360.

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

  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

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

How to upload 360 images

How to upload 3D images

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 (2 reviews)
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.