Magic 360 for PrestaShop

Create a delightful shopping experience.

Rotate a product up/down as well as left/right

  • Enlarge to spin images in the entire full-screen.
  • Responsive image scaling to automatically fit your responsive theme.

Features | Download

No coding required.

Use your Magic 360 addon almost anywhere on your PrestaShop site.

You can even apply different spin options to each page.

    Supported pages & blocks

    • Product details page
    • CMS pages
    • Manual install elsewhere
  • PrestaShop 1.0 - 1.6.x

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

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

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

Verified by PrestaShop:
Read reviews of Magic 360 on the official marketplace for PrestaShop addons.
Rating

Key features

New versions support

All versions of PrestaShop are supported (PrestaShop 1.0 - 1.6.x). We update our modules as soon as a new version of PrestaShop is released.

Responsive

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

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

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.

Image resizing

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

Screenshots

  • Default view of Magic 360 module settings page after installation
  • Magic 360 module for Prestashop admin configuration page

Single spin demo    Spin & zoom demo

Installation

  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

Pricing and licensing

1 site license£99Buy now
5 sites license£349Buy now
10 sites license£599Buy now
Unlimited license £1199Buy now
Bundled license £2499Buy now
Non-commercial license FreeRequest
Professional installation service (optional)£29Buy now
What's included?
  • Unrestricted use forever on 1/5/10/Unlimited sites.
  • Use any of our 21 extensions for super-easy installation.
  • 30 minutes of free technical support.
  • 1 year of free upgrades.
  • A little bit of Magic :)

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

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

FAQ

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

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.

Other PrestaShop modules

For help setting up this Prestashop 360 module, contact us.

Once installed, you can change the spin speed, 360 blur, auto-rotate, colors, borders, spin on hover/drag/click and other settings. View the customization options.

If you need 360º photography of your products, we can help you find a professional 360 spin photographer in your country. We have partnerships with studio's in US, UK, Netherlands, Germany, Denmark, Czech Republic, Norway, India, Phillipines and Australia. Contact us with your requirements to request a 360 photography quotation.

You can display photos in either 360-degree spin (left/right), 3D spin (up/down/left/right) or with the Martini effect (one horizontal axis, one vertical axis) like the blue running shoe above.

This module was created to spin products in 360 rotation for PrestaShop, the open source ecommerce software.