Oozing with quality.

Constantly improved for 7 years running.

  • We're on your side, with free support and upgrades.
  • Openly demonstrate all product details & raise your conversions.

Install | Download

Which is more important on product pages? An image zoom, product description or review? We can probably agree they all have a place, but according to internetretailer.com, 61% of consumers voted image zoom.(source)

Why? Because a product image zoom shows the smallest detail of your products. It's the quickest way customers can see exactly what they're buying. This smooth image zoom reveals a highly detailed image as you hover and can be manually integrated into your Bigcommerce store within 10 minutes.

Need an automatic installation instead of manual? Try Magic Zoom Plus! This ultimate image zoom offers 2 zoom tools in 1: zoom on hover and lightbox effect on click. Customers love its versatility.

Get the Magic Zoom Plus free trial from the Bigcommerce app store today!

If your theme isn't immediately supported, let us know and we'll add support (within 48 hours).

Bigcommerce app

Install the Magic Zoom Plus app directly from Bigcommerce apps store in just on-click!

Magic Zoom Plus for Bigcommerce

Beautiful, big images

We recommend you upload product images approximately 1000+ pixel wide. Bigcommerce will automatically resize images throughout your store. These big images will create gorgeous zoom & enlarge effects.

Manual integration

Only follow these instructions if you are unable to use our official Bigcommerce for Magic Zoom Plus app, available as a free trial on the Bigcommerce app store.

  1. Download Magic Zoom (free and fully functional demo version).
  2. Upload Magic Zoom file to your bigCommerce website Unzip the file and upload the magiczoom folder to the content folder on your BigCommerce website using FTP or WebDAV.
  3. Upload magic toolbox script for bigcommerce Download this file - magic-bigcommerce.js (right click it and save it to your computer), then upload that file to the magiczoom folder on your server.
  4. Image settings in bigcommerce admin In your Bigcommerce admin panel, go to the Settings > Store menu, choose Images section.
  5. Show tiny thumbnails in bigcommerce admin Ensure that parameter 'Show Tiny Thumbnails?' is activated.
  6. Edit product details page template in bigcommerce In your Bigcommerce admin panel, go to the Design > Template Files section and click 'Edit' link in the product.html's template line.
  7. Insert HTML code for magic in bigcommerce product details page template

    Insert the following lines at the top of template:

    <link href="/content/magiczoomplus/magiczoomplus.css"  type="text/css" media="screen"/>
    <script src="/content/magiczoomplus/magiczoomplus.js"></script>
    <script src="/content/magiczoomplus/magic-bigcommerce.js?tool=MagicZoomPlus"></script>
  8. Click the Save button at the top of the page.
  9. That's it. (If your Theme isn't automatically supported, email us for help)
  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.

Your theme

Bigcommerce uses Stencil as its default theme framework. If Magic Zoom doesn't work immediately on your store, we'll resolve it:

  1. Add support@magictoolbox.com as a user in your Bigcommerce account.
  2. Email us to say you'd like us to add support for your theme.
  3. We'll complete Magic Zoom installation within 48 hours (free of charge) and email you the good news.

Product options

Magic Zoom for Bigcommerce
Magic Zoom for Bigcommerce Magic Zoom for Bigcommerce Magic Zoom for Bigcommerce Magic Zoom for Bigcommerce



Black Maroon Obsidian Seaweed

Do your products come in different colours or styles?

Product options are perfect for showing customers a variety of images.

If you're using the new Stencil theme and want to assign different images to option values, get in touch and we'll help you.

For customers using old themes, Magic Zoom supports Bigcommerce product options out of the box.

Uninstallation

Thanks for trying Magic Zoom on your Bigcommerce 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. In your Bigcommerce admin panel, go to the Design > Template Files section and click 'Edit' link in the product.html's template line.
  2. Delete the following lines at the top of template:

    <link href="/content/magiczoom/magiczoom.css"  type="text/css" media="screen"/>
    <script src="/content/magiczoom/magiczoom.js"></script>
    <script src="/content/magiczoom/magic-bigcommerce.js?tool=MagicZoom"></script>
  3. Click the Save button at the top of the page.
  4. Delete the magiczoom folder from the content folder on your Bigcommerce website using FTP or WebDAV.
  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.

Other Bigcommerce apps

Try our other great image effects!


These instructions are for BigCommerce. Use them to add effects to your website including image zoom on hover/mouseover; image lightbox (enlarge image to full screen); image slideshows in JavaScript; image carousels; and image magnifiers.