Magic 360 for X-Cart

Catch the eye. Capture the imagination.

Take care of your X-Cart store with Magic 360

  • Responsive image scaling to automatically fit your responsive theme.
  • 360 product views usually increase your website sales.

Features | Download X-Cart 5 module | Download X-Cart 4.x module

No coding required.

Use your Magic 360 addon almost anywhere on your X-Cart site.

You can even apply different spin options to each page.

    Supported pages & blocks

    • Product details page
    • Manual install elsewhere
  • X-Cart 4.0 - 4.7.x
  • X-Cart 5 (Mobile, Business, Premium)
  Rating: 5.0 (1 reviews)

360 degree spins tend to increase conversions by at least 27%. Shoppers want to see every detail and look at a particular item from every angle before making a purchase. This also leads to less returns, since people see your products almost like in real life.

360 degree photos can sound hard and intimidating. Not the case with Magic 360. It’s super easy to showcase beautiful and fast loading 360 degree views of your products in minutes. We made it possible with our X-Cart 360 degree viewer module – Magic 360. With 23 customization options, it will look perfect on both desktop and mobile devices. You can adjust rotation speed and direction, use auto-spin, different zoom styles, load images on-demand along with other useful features. Your customers will see and rotate your products like in real life, with a possibility to enlarge them to full-screen. It is a straight road to increased sales!

Don't waste any more time - install Magic 360 for X-Cart now and increase your sales.

Verified by X-Cart:
Read reviews of Magic 360 on the official marketplace for X-Cart 5 addons.

Key features

New versions support

All versions of X-Cart are supported (X-Cart 4.0 - 4.7.x, X-Cart 5 (Mobile, Business, Premium)). We update our modules as soon as a new version of X-Cart is released.

One click installation

Saves you time. Upload Magic 360 for X-Cart 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). X-Cart 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 X-Cart 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.

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.

Single spin demo    3D spin demo    Spin & zoom demo

Installation

X-Cart 4.x installation

IMPORTANT: Install any of our 3 image zoom tools to display standard product images, otherwise only 360 spin will show on product page.

  1. Download Magic 360 for X-Cart 4.x (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the magic360 folder to your X-Cart directory (on your server), keeping the file and folder structure intact.
  3. Go to http://www.yoursite.url/magic360/ in your browser > click 'Install' (replace yoursite.url with your domain name).
  4. Go to http://your.site.url/admin/magic360.php and configure Magic 360 as you wish.
  5. That's all
  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/MagicToolbox/magic360/magic360.js

X-Cart 5 installation

Automatic installation

Buy Magic 360 directly from X-Cart 5 Marketplace!

Magic 360 for X-Cart

  1. Go to Magic 360 on the X-Cart market to buy this X-Cart 5 addon.
  2. Click 'Add to cart' > Follow payment process.
  3. X-Cart 5 product image tools Go to: the Admin area of your store > Extensions > Marketplace.
  4. Enter 'Magic 360' in the search field.
  5. Tick checkbox 'Install' next to Magic 360 module name.
  6. Click 'Install modules' button
  7. Magic 360 is now installed.
  8. To customize Magic 360, go to: Extensions > Installed modules > Magic 360 module > Click 'Settings'. Configure how you would like Magic 360 to look on your website.

Manual integration

Alternatively, you can follow these instructions to install Magic 360 manually on your X-Cart 5 website.

  1. If a previous version of the module is installed, uninstall it.
  2. Download Magic 360 for X-Cart 5 (free and fully functional demo version).
  3. Unzip the contents of the ZIP file and upload the classes and skin folders to your X-Cart 5 directory.
  4. Login to your X-Cart 5 admin area and re-build the cache: System settings -> Re-build cache link in the menu.
  5. Enable the Magic 360 module on the 'Installed Modules' page and press 'Save changes' button via Extensions > Installed modules.
  6. Go to the Magic 360 module settings page via Extensions > Installed modules > Magic 360 settings and configure Magic 360 how you want it.
  7. To setup a 360 spin, upload your set of 360 images to your product in your X-Cart admin. Depending on your server settings you may have to upload your 360 degree images in batches eg: 01-20 and then 21-36.
  8. On the module settings page, choose which products should have the Magic 360 effect by modifying following parameters:
    • Number of images on X-axis - Number of images in the spin set e.g. 18 or 36 (0 = disabled)
    • Product IDs - Choose which products have 360 images, comma separated e.g. 1,4,5,12,14 (all = all products)
  9. Magic 360 is ready to use!
  10. 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:

    skins/default/en/modules/MagicToolbox/magic360/js/magic360.js

Setup a 360 spin

We recommend you upload large versions of your products images. X-Cart will resize images automatically throughout website.

  1. Spin images uploading section on the prodcut details page in X-Cart admin Open the product which you'd like to spin and click 'Magic 360 Images' section on the right hand side.
  2. Select product images will be uploaded to:
    • Category - select category your product appears. screenshot
    • Product - select product images will be uploaded to. screenshot
  3. Upload spin images for Magic 360 module in X-Cart admin Click Upload images and browse your computer for your set of images. (Depending on your server settings you may have to upload images in batches eg: 01-20 and then 21-36).
  4. Setting up number of spin columns in Magic 360 module for X-Cart The 'Multi-row spin' section at the 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.
  5. Setting up multi-row spin in Magic 360 module for X-Cart 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.

Spin + Zoom (X-Cart 4.x)

Combine 360 JavaScript spin + any image zoom on your product page (like the example above).

  1. Install the X-Cart extension for Magic 360.
  2. Install the X-Cart extension for Magic Zoom Plus, Magic Zoom or Magic Thumb.
  3. Create a new product or open an existing one.
  4. Combine Magic 360 and static product images in X-Cart Upload your zoom, magnify or enlarge images via the 'Detailed images' section. Upload your 360 spin images via the 'Magic 360 Images' section.

Uninstallation

Thanks for trying Magic 360 on your X-Cart 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. Go to http://www.yoursite.url/magic360/ in your browser > click 'Uninstall' (replace yoursite.url with your domain name).
  2. Delete the magic360 folder from the root of your X-Cart directory (on your server).
  3. Magic 360 is now uninstalled.
  1. Login to your X-Cart 5 admin area.
  2. Go to: Extensions > Installed modules > Find Magic 360 > Click 'basket' icon to uninstall Magic 360.
  3. Magic 360 is now uninstalled.

Customer reviews

  Rating: 5.0 (1 reviews)
Thank you very much for your fast help. Igor uploaded a custom code to allow all pictures to spin at the same speed even if they have different amount of pictures. Really appreciated!!! Great support!

Thorsten

Submit your review


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

Other X-Cart modules

For help setting up this X-Cart 360° addon, contact us.

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

Magic 360 works on iPad, iPhone, most Android devices and all major browsers (Internet Explorer, Firefox, Chrome, Safari, Opera). The 360 degree spin is created with JavaScript software, not Flash.

You'll need a set of images, any number will do, spaced equally. At least 18 images is best. For a smooth spin, try 36 images. They can be one row, multiple rows (for a 3D effect) or one row and one column (for a Martini effect, like the blue running shoe).

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 studios in US, UK, Netherlands, Germany, Denmark, Czech Republic, Norway and the Phillipines. Contact us with your requirements to request a 360 photography quotation.

This add-on was created to spin products in 360 rotation for X-Cart.