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

Magic Toolbox Customers
Magic 360 for PrestaShop

Create a delightful shopping experience.

The fastest, easiest way to make your store magnificent.

  • Install the component in 5 minutes.
  • Responsive image scaling to automatically fit your responsive theme.

The most powerful PrestaShop 360 degree view available

Supported Versions

  • PrestaShop 1.0 - 1.7.x

Let your customers inspect your products from all angles with our 360-degree viewer for Prestashop – Magic 360. According to various studies, 360-degree spins increase conversions by at least 27%. (source) They also tend to decrease returns. It’s based on a simple fact – 360-degree view provides an almost real life like experience, which alleviates all doubt and concern.

There’s no better 360 degree viewer for Prestashop than Magic 360. It’s fast, easy to use, SEO friendly and works on every device. With over 35 customization options, it's easy to make Magic 360 your own. Install the module in 5 minutes and use it anywhere in your Prestashop store.

Get started in minutes – download your free trial of Magic 360 today.

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

Change this ASAP

One click installation

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

Change this ASAP

Responsive & Full Retina Support

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

Change this ASAP

Web settings

Customize settings instantly using Magic 360 Settings page.

Change this ASAP

SEO friendly

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

Change this ASAP

Fast

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

Change this ASAP

Always up to date

All versions of PrestaShop are supported. We update our modules as soon as a new version of PrestaShop is released.

"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: 0 (0 reviews)

There are no reviews yet. Be the first!

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: When installed, Magic 360 replaces PrestaShop image gallery meaning only 360 spin will show on product page. If you have standard images for the same product and want to display them on the same product page, install Magic Zoom Plus (video, zoom & enlarge).

  1. Download the PrestaShop module for Magic 360 (free and fully functional demo version).
  2. Install PrestaShop Magic 360 module in admin area Either upload it via your PrestaShop admin area. Or unzip the file on your computer and FTP the magic360 folder to the /modules/ directory of your store, keeping the file and folder structure intact.
  3. Activate Magic 360 module for PrestaShop in admin area Activate the module via the Modules menu Modules > Other Modules > Install.
  4. The demo version is now installed! To create a 360 spin, scroll down...
  5. Customize Magic 360 module for PrestaShop To customize Magic 360 (speed, autospin etc.), go to [Admin panel > Modules > Other Modules > Configure].
  6. Buy Magic 360 To upgrade your free and fully functional trial 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:

    /modules/magic360/magic360.js

Setup a spin

  1. Spin images section in PrestaShop Open the product which you'd like to spin and click 'Magic 360' tab at the top.
  2. Upload spin images in PrestaShop Browse your computer for your set of images and click Upload images. (Depending on your server settings you may have to upload images in batches eg: 01-20 and then 21-36).
  3. Multi row Magic 360 parameters in PrestaShop The 'Multi row spin' section at top of the page will automatically appear and 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.
  4. 3d spin images in PrestaShop If your spin has multiple rows, click 'Multi-row spin' and enter the number of columns and rows in Number of images on X-axis and Number of images on Y-axis.

Multiple images

To spin some images and zoom others (like the example above), you can install both Magic 360 and Magic Zoom Plus.

  1. Install the Prestashop module for Magic 360.
  2. Install the Prestashop module for Magic Zoom Plus.
  3. Create a new product or open an existing one.
  4. Upload your zoom images via the 'Images' section. Upload your 360 spin images via the 'Magic360' section (screenshot - ).

Bulk upload images

Upload all your 360 spins in one shot using this bulk upload script.

  1. Create a folder in the root of your Prestashop website. The folder can have any name, for example:

    /magic360images/
  2. Upload all your 360 spins to the folder you created. Each spin must be stored in its own folder, with a folder name matching the product ID. For example:

    /magic360images/{product-id1}/01.jpg
    /magic360images/{product-id1}/02.jpg
    /magic360images/{product-id1}/03.jpg
    etc.
    /magic360images/{product-id2}/01.jpg
    /magic360images/{product-id2}/02.jpg
    /magic360images/{product-id2}/03.jpg
    etc.
    

    You don't need to name your image files in any special way - the spin will be built in alphanumeric order.

  3. Download the latest version of Magic 360 for Prestashop.
  4. Unzip the extension.
  5. Find the bulk upload script:

    bulk360.php

  6. Upload the script to the root of your Prestashop site e.g.

    https://yourdomain.com/bulk360.php
  7. Open the script URL in your browser and click the button to execute it.
  8. All your images will be copied into your Prestashop database. It can take about 1 second per 36 image spin.
  9. Once the script has finished, it will show you a report of all the images copied.
  10. 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.

Spin in CMS area

  1. Go to the module options page Admin > Modules > Modules > Magic 360 > Configure.
  2. Go to 'Defaults' tab > General > Include headers on all pages > Click 'tick' > Save settings.
  3. Go to 'Preferences > CMS'.
  4. Open existing page or create a new page.
  5. Scroll down to 'Page content' section > Click 'Source code' 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).

    &lt;a href=&quot;#&quot; class=&quot;Magic360&quot; data-magic360-options=&quot;filename:YOUR-IMAGE-NAME-{col}.jpg;&quot;&gt;&lt;img src=&quot;YOUR-IMAGE-NAME-01.jpg&quot;/&gt;&lt;/a&gt;
  7. Click 'Ok' > Save changes.
  8. All HTML code for Magic 360 settings are described here.
  9. Troubleshooting - if spin does not appear and you're using PrestaShop16, please disable: Preferences > General > Use HTMLPurifier Library.

Uninstallation

Thanks for trying Magic 360 on your PrestaShop 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. Deactivate Magic 360 via the Modules and Services > Module and Services > Other Modules > Uninstall.
  2. Delete Magic 360 via the Modules and Services > Module and Services > Other Modules > Delete.
  3. Magic 360 is now uninstalled.