Magic 360 for Shopify

Features you'll love...

Live demos

Naqi Slinger The Jonsteen Company CatGenie Jack Weir & Sons Millichamp & Hall Lani Shades 2nd Culture Ergoles Jacob Bromwell LENS Mazzucchelli's Andreeva

Installation

Install Magic 360 app directly from Shopify App Store!

1. Go to Magic 360 on the Shopify store to install this Shopify 360 spin app (free and fully functional demo version).
2. Click 'Install'.
3. Enter your shop name > Click 'log in'.
4. Click 'Install'.
5. Select 'Enable' next to the Theme you want to install Magic 360.
6. Click 'Open Theme Settings'. (Note: a new Tab will open)
7. Select 'Enable' next to Magic 360 > Click 'Save'.
8. Go back to the 'Magic 360 Shopify' tab > Click 'Refresh themes info' button.
9. The demo version is now installed!
10. Go to your Magic 360 app settings page: Dashboard > Apps > Click 'Magic 360' > Settings. 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.
11. 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.

12. Enjoy your spin!
13. Customize Magic 360 however you wish (thumbnail design, spin position, speed, autospin, text etc.).
    
    Go to: Dashboard > Apps > Click 'Magic 360' > Settings.
14. 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.
15. 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:

1. Email us your Shopify store URL (and 4-digit Collaborator request code if used). Let us know you'd like us to add support for your theme.
2. We'll send a Collaborator request to your store.
3. Once the Collaborator request is approved, we'll add support to 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:

1. Go to your Shopify Magic 360 settings page (Dashboard > Apps > Magic 360 ) and click the License tab.
2. Click the Buy Magic 360 button and follow the payment process.
3. 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!

Popular customizations

Customize spin settings on any theme where Magic 360 is installed.

Select 360 icon design

1. Go to your Magic 360 app settings page: Dashboard > Apps > Click 'Magic 360' > Settings.
2. Scroll down to 'Spin icon' option and choose from 13 designs.

Move 360 icon to last position

1. Go to your Magic 360 app settings page: Dashboard > Apps > Click 'Magic 360' > Settings.
2. Scroll down to 'Default gallery view' option > Select 'Featured image'.

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.

1. Go to Magic 360 app settings page: Dashboard > Apps > Click 'Magic 360' > 'Spin images' tab > Click 'Add images' button.
2. Click 'Upload images' > Browse computer for set of 360 degree spin images > Highlight all spin images > Click 'Open'.
3. When spin images have uploaded, click 'preview spin' to see your new 360 spin.
4. 360 spin icon appears next to other product thumbnails (you may need to refresh the page).
5. Note: Set of spin images also show within the Shopify product.

Add static & zoomable images

• Display with static media
• Combine zoom & spin

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.

Display 3D spin in gallery

1. Go to your product & upload set of 360 spin images.
2. Enter Tag spinrows=N in your Shopify product page. Replace N with the number of rows (up/down movement) in your spin.
3. Save changes.

Embed 3D spin in Description area

1. Go to your product & upload set of 360 spin images.
2. Click the HTML icon in the product description area.
3. 

   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

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

1. Go to: Dashboard > Apps > Magic 360 (you are now on the Settings page) > Click 'Remove app' tab > Click 'Restore files' button.
2. Delete app on Apps page in your Shopify dashboard.
3. Magic 360 is now uninstalled.

FAQ

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

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

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

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

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

Other Shopify apps

Try our other great image effects!

Magic Zoom

Magic Zoom Plus

Magic Thumb

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.