The most awesome zoom is ready for you

Choose from internal or external zoom

  • Users love the smooth movement and high quality zoom.
  • Customizable – change the size, position, colors and effects.

Install | Download

New eBay Policy

As of June 2017, active content & JavaScript is blocked on eBay listings.

However, you can still use the gorgeous Magic Zoom on any other website. Try it below!

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.

Click the HTML tab in ebay admin
Click the HTML tab
Paste HTML code in ebay admin
Paste the code (see below)
Create the rest of your ebay listing
Create the rest of your listing

Now see the tutorial guide for Magic Zoom.

  1. Download the free and functional Magic Zoom trial (free and fully functional demo version).
  2. 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').
  3. 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
    If you can see them, you can move to the next step.
  4. Login to eBay and create your listing as normal.
  5. 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>
    
    
    
  6. 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
  7. 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>
  8. Your eBay zoom will now work!
  9. Choose from a wide range of options to customize Magic Zoom. Check out examples for inspiration of how it can look.
  10. 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.

  1. Login to eBay > Go to listing.
  2. 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>
    
  3. 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>
    
  4. Delete the magiczoom folder from your server.
  5. Magic Zoom is now uninstalled.

Customer reviews

  Rating: 0 (0 reviews)

There are no reviews yet. Be the first!

Submit your review


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