Magic Zoom can be used on your eBay listings to zoom into images and show beautiful detail.
Before you start, you must have a place to host your images. For example, on your own website or other webspace or in your Dropbox public folder. Contact us with any questions you have about adding our image tools to your eBay listings.
Installation
Follow these 3 screenshots then read the step-by-step instructions below.
Now see the tutorial guide for Magic Zoom.
- Download the free and functional Magic Zoom trial (free and fully functional demo version).
- Unzip the file on your computer and upload the magiczoom folder to your website, keeping the file and folder structure intact.
(If you don't have a website where you can upload files, create a Dropbox account and upload the magiczoom folder to your Public folder. Tip: to find url reference in Dropbox: Highlight file > Right click > Select 'Copy public link'). - Check that you can access magiczoom.js and magiczoom.css to the place where you uploaded them (either on your site or in your Dropbox public folder). For example:
- http://www.EXAMPLE.com/magiczoom/magiczoom.js
- http://www.EXAMPLE.com/magiczoom/magiczoom.css
- Login to eBay and create your listing as normal.
-
Click the HTML tab and enter the following code at the top:
<link rel="stylesheet" type="text/css" href="http://example.com/magiczoom/magiczoom.css" /> <script type="text/javascript"> var _sc = document.createElement('SCRIPT'); _sc.setAttribute('type','text/javascript'); document.getElementsByTagName('head')[0].appendChild(_sc); _sc.setAttribute('src', 'http://example.com/magiczoom/magiczoom.js'); </script>
- Edit all the URLs in the code above to the correct URLs for your files. These URLs are wherever you uploaded the JS and the CSS files. These are the URL names you must edit:
- http://www.EXAMPLE.com/magiczoom/magiczoom.css
- http://www.EXAMPLE.com/magiczoom/magiczoom.js
To zoom an image, you must have a small version and a large version of an image, available to access somewhere (e.g. on your website or in your Dropbox public folder). Simply reference your small image and link it to your large image with a class of MagicZoom. For example:
<a href="http://www.example.com/large-image.jpg" class="MagicZoom"><img src="http://www.example.com/small-image.jpg"/></a>
- Your eBay zoom will now work!
- Choose from a wide range of options to customize Magic Zoom. Check out examples for inspiration of how it can look.
- Buy Magic Zoom To upgrade your free and fully functional trial version of Magic Zoom (which removes the "Trial version" text), buy Magic Zoom. Then overwrite the demo magiczoom.js file with the one from your licensed version.
Uninstallation
Thanks for trying Magic Zoom on your site! What did you hope Magic Zoom could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.
- Login to eBay > Go to listing.
Click the HTML tab and delete the following code:
<link rel="stylesheet" type="text/css" href="http://example.com/magiczoom/magiczoom.css" /> <script type="text/javascript"> var _sc = document.createElement('SCRIPT'); _sc.setAttribute('type','text/javascript'); document.getElementsByTagName('head')[0].appendChild(_sc); _sc.setAttribute('src', 'http://example.com/magiczoom/magiczoom.js'); </script>
-
Delete Magic Zoom code, for example:
<a href="http://www.example.com/large-image.jpg" class="MagicZoom"><img src="http://www.example.com/small-image.jpg"/></a>
- Delete the magiczoom folder from your server.
- Magic Zoom is now uninstalled.
Customer reviews
Submit your review
Your review has been received and will be posted soon.