Tip:
Highlight text to annotate it
X
Magic 360 for Magento: upload 360 spin images
Before you begin, make sure you have your images ready
Your images need to be numbered in the order you want them to appear on the Magento product page
Use large versions of your images for spin, magnify and enlarge effects. Magento will resize images automatically throughout website
Your images should turn ever so slightly to create the 360 degree spin
Make sure Magic 360 module is already installed
Go to your product via: Catalogue > Manage Products
You will notice a new tab 'Magic 360 Images'. This is where you will upload your 360 spin images
Click 'Magic 360 Images' tab
1. Click 'Browse Files'; 2. Find images on your computer; 3. Highlight all the images you want to upload; 4. Click 'Open'
These are all your images
Click 'Upload Files'
You will see your images uploading
Your images are now uploaded. They appear in the sequence the image files were numbered.
See how each image turns slightly to create the 360 degree spin
I have used 36 images to create this spin
Save your changes
Go to your website...
and refresh the product page
Your 360 spin images are now showing on your product page
Because you have uploaded large versions of your images, you can spin...
magnify...
and enlarge to full-screen.
Now, we need to add a static image to appear on the Category Listings page
At the moment there is no image showing
Go back to your product and click 'Images' tab
1. Click 'Browse Files'; 2. Find the image you want to use; 3. Highlight file; 4. Click 'Open'.
Click 'Upload Files'
Select 'Small Image' option
Save your changes
Go back to your website. To the Category Listings page
Refresh web page
Your image is now showing
Congratulations! You have successfully uploaded your 360 degree spin images
To remove the 'You are using the trial version of Magic 360' message...
Step 1: Buy your Magic 360 license here: https://www.magictoolbox.com/buy/magic360/
Step 2: We will send you an email containing a unique url (this will take you to your License page)
Step 3: a) Click the unique url; b) Click the green download button; c) Save the zip file to your computer
Step 4: a) Highlight the zip file; b) Right click; c) Select 'Extract All'; d) Click 'Extract'
Step 5: The file you are looking for is magic360.js (located in the 'magic360' folder)
Step 6: Overwrite the old JavaScript file (the demo one) on your server with the new JavaScript file in your full license. Note: you will be asked if you want to overwrite the original file, please select 'yes'.
Step 7: Refresh your web page, the 'You are using the trial version of Magic 360' text will disappear
Any questions?
If you have any questions, please contact us via the Magic Toolbox website
We're here to help