Make your eBay listings stand out from your competitors.

Two beautiful effects - zoom and full-screen

  • Enlarge - cool effects, captions, custom buttons and cursors.
  • Customizable - tweak the position, size, zoom effects + much more.

Install | Download

Magic Zoom Plus 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 Plus.

  1. Download the free and functional Magic Zoom Plus trial (free and fully functional demo version).
  2. Unzip the file on your computer and upload the magiczoomplus 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 magiczoomplus 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 magiczoomplus.js and magiczoomplus.css to the place where you uploaded them (either on your site or in your Dropbox public folder). For example:
    • http://www.EXAMPLE.com/magiczoomplus/magiczoomplus.js
    • http://www.EXAMPLE.com/magiczoomplus/magiczoomplus.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/magiczoomplus/magiczoomplus.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/magiczoomplus/magiczoomplus.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/magiczoomplus/magiczoomplus.css
    • http://www.EXAMPLE.com/magiczoomplus/magiczoomplus.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 Plus. Check out examples for inspiration of how it can look.
  10. Buy Magic Zoom Plus To upgrade your free and fully functional trial version of Magic Zoom Plus (which removes the "Trial version" text), buy Magic Zoom Plus. Then overwrite the demo magiczoomplus.js file with the one from your licensed version.

Uninstallation

Thanks for trying Magic Zoom Plus on your eBay site! What did you hope Magic Zoom Plus 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/magiczoomplus/magiczoomplus.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/magiczoomplus/magiczoomplus.js');
    </script>
    
  3. Delete Magic Zoom Plus 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 magiczoomplus folder from your server.
  5. Magic Zoom Plus is now uninstalled.

FAQ

  1. Can I remove bounce effect from mobile devices?

    Yes! To disable the bounce effect from small screen devices, add the following CSS to your magiczoomplus.css file:

    .mobile-magic .mz-figure > img {
    opacity: 1 !important;
    }
    .mobile-magic .mz-figure > img + img {
    transform: scale(1) !important;
    }

    .mobile-magic .mz-figure {
    -webkit-perspective: none !important;
    perspective: none !important;
    }
    .mobile-magic .mz-figure > img {
    opacity: 1 !important;
    }
    .mobile-magic .mz-figure:not(.mz-ready) > img:last-child {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    }

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.

Other eBay extensions

Try our other great image effects!