Works on these pages:
- Product details page
- All latest versions
Want to instill customer confidence, save time answering questions & reduce returns? Try Magic 360!
This 360 product viewer app provides customers with the ultimate shopping experience. Thanks to its 360 degree spin, customers view products from every angle. The magnify option shows the smallest of details & the full-screen spin looks gorgeous (especially on handheld devices).
The 360 rotation is created using a set of images. Each image moves ever so slightly which when combined on the product page creates the 360 spin effect.
Magic 360 is a Shopify app like no other. For a one-off payment (no monthly costs), the 360 viewer offers you flexibility for your product pages. Display the 360 spin on its own; or combine the 360 viewer with static images. It's your choice.
Tip: 360 photography studios generally provide 36 high resolution JPEG images of each product. Images are taken at a 10 degree interval for the spin to feel smooth when viewed. (Looking for a professional photographer? Ask us to get a quotation for you.)
Ready to add the WOW factor to your online store? Get the 360 viewer app today (free trial) from the Shopify store!
Verified by Shopify:
Read reviews of Magic 360 on the official marketplace for Shopify apps.
Rating
Features you'll love...
- Responsive
- Fast
- Built with SEO in mind
- Image caching
- Easily customisable
- Automatically resizes images
- Scrollable thumbnails
- All templates supported
- On-demand loading
- Constantly updated
- jQuery compatible
- One-off payment
Live demos















Installation
Install Magic 360 app directly from Shopify App Store!
- Go to Magic 360 on the Shopify store to install this Shopify 360 spin app (free and fully functional demo version).
- Click 'Get app'.
- Enter your shop name > Click 'log in'.
- Click 'Install' to install Magic 360 on your store.
- The demo version is now installed!
- Go to your Magic 360 app settings page: Dashboard > Apps > Magic 360 > About > Open app. Specify how many photos make up your spin (the default is 36). Every product which has that number of images will automatically have the Magic 360 effect applied to it.
Upload your set of 360° photos to your product page (as you normally would) using the standard Shopify image uploader;
OR
Use the Magic 360 app image uploader.
- Enjoy your spin!
Customize Magic 360 however you wish (speed, autospin, text etc.).
Go to: Dashboard > Apps > Magic 360 > About > Open app.To display static images and a 360 spin on the same product page, upload static images first to your product. Then upload your set of 360 images.
- To upgrade your version of Magic 360 (which removes the "Trial version" text), buy Magic 360 from our website or the Shopify site.
Your theme
Magic 360 already supports more than 50 popular Shopify themes. If it doesn't work immediately on your store, we'll resolve it:
- Add support@magictoolbox.com as a staff member in your Shopify account.
- Email us to say you'd like us to add support for your theme.
- We'll add your theme within 48 hours (free of charge) and email you the good news.
Upgrade
Magic 360 is free to try. To upgrade your free and fully functional trial version of Magic 360 (which removes the "Magic 360 trial version" text), buy a license from Shopify:
Go to your Shopify Magic 360 settings page (Dashboard > Apps > Magic 360 > About > Open app) and click the License tab.
Click the Buy Magic 360 button and follow the payment process.
- Refresh your product page. The 'Trial version' text will disappear (if it doesn't, message us and we'll fix it.)
Please contact us with any questions you have about installing our tools on your Shopify website.
Video tutorial
Learn how to spin products 360 degrees on your Shopify store!
App image uploader
You can upload your set of 360 spin images to your product (as you normally would), or you can use the Magic 360 app image uploader.
Go to Magic 360 app settings page: Dashboard > Apps > Magic 360 > About > Open app > '360 spins' tab > Click 'Add images' button.
Click 'Upload images' > Browse computer for set of 360 degree spin images > Highlight all spin images > Click 'Open'.
When spin images have uploaded, click 'X' to close window.
360 spin icon appears next to other product thumbnails (you may need to refresh the page).
Note: Set of spin images also show within the Shopify product.
Add static & zoomable images
Do you have additional images of your product?
Want to show static images and a 360 degree spin on the same product page?
You can!
To spin some images & zoom others on the same product page can be easily achieved thanks to our 360 spin service Sirv & our Shopify app Magic Zoom Plus. Get ready to blow your customers minds.
- Install the Magic Zoom Plus app.
Go to Magic 360 app settings page:
Dashboard > Apps > Magic Zoom Plus > Click 'About' > Click 'Open app' > Click '360 spins' tab.Create a Sirv account. ('Account Name' field will automatically copy the Shopify store name. Account name can be changed to any name you want).
(Free trial lasts 30 days. After this time you can use Free Plan or upgrade to a Paid Plan)Click 'Add images' button.
Click 'Upload images' > Browser computer for set of 360 degree spin images > Highlight all spin images > Click 'Open'.
Click 'X' when spin images have uploaded.
Number of spin images shows on button.
The 360 spin icon will now appear next to the other product images (you may need to refresh the page). If you need help, contact our support team.
- That's it!
Click the 'Settings' icon to change the thumbnail position of spin; or the spin icon design.
Upload a spin for each Variant of your product.
Tips:
3D spin
Enjoy 3D spins on your Shopify product pages for up/down & left/right movement. Check out how to name your images to create this awesome effect.
- Go to your product & upload set of 360 spin images.
Click the HTML icon in the product description area.
Enter the following <script> code in the description area.
<script> var Magic360Options = { 'columns' : 12, 'rows' : 4 }; </script>
'columns' = the number of images which create the left/right movement
'row' = the number of positions your spin moves up/down- Save changes.
Uninstallation
Thanks for trying Magic 360 on your Shopify 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.
The Magic 360 app creates backups of theme.liquid and product.liquid files during installation. 'Restoring files' replaces actual versions of templates with previously made backups. If you're worried you don't have backups of your original theme.liquid and product.liquid files, please create a staff account for support@magictoolbox.com and we will help you. You can create a staff account via: Admin > Settings > Account > Add a staff member.
Go to: Dashboard > Apps > Magic 360 > About > Open app > (you are now on the Settings page) > Click 'Remove app' tab > Click 'Restore files' button.
Delete app on Apps page in your Shopify dashboard.
- Magic 360 is now uninstalled.
FAQ
What is a 360 product viewer?
A 360 product viewer takes a set of 360 degree images and merges them together on a web page. This creates an interactive spin which visitors can move left and right to see every angle of the item. (If your 360 photography was also taken on Rows, your 360 spin will move up and down too.)How do I use Shopify Magic 360?
To use the Shopify Magic 360 app you will need a set of 360 degree images. This is a set of images which move ever so slightly from image to image. (When the images are merged together the 360 degree effect is created).
Once you have your set of 360 degree images, follow the installation steps to install the Shopify Magic 360 app on your store.
Does Shopify support 360 images?
Yes! Combined with a 360 product viewer app, you can display your products in 360 degrees on your Shopify product pages.
Upload your set of 360 degree images to your Shopify product (in the same way you would upload static images), or using the App image uploader.
In the image list make sure your static images appear at the top of the list, and your set of 360 degree images appear at the end of the image list.
Can I disable Magic 360 on specific Shopify products?
Yes! Enter no360 in the 'Tags' field of the Shopify product you do not want your images to show as a 360 spin.
By adding a tag of no360 to a product, Magic 360 functionality will not apply to that product.
I have multiple spins with different number of images
No problem! If you have a spin which was created using a different number of images than the default number which appears in the 'Number of images on X-Axis' option on the Magic 360 app settings page, simply add a tag of spinimages=N to the product (where N is the number of spin images).
designmarket.today Cory, animalkingdoms.co.nz Gabor Jack, ak-brands.com Victoria, jackiesmith.comCustomer reviews
Had a wish about showing 360 spin as picture 2, and Igor solved this with a snap.
I will recomend Magic 360!
Very good support team!Submit your review
Your review has been received and will be posted soon.
Other Shopify apps
Try our other great image effects!
When you photograph your spins, Magic 360 supports spins in 360 spin (one row), 3D spin (multiple rows) or with the Martini effect (one horizontal row, one vertical column) like the blue running shoe above.