Inspire your customers with the perfect lightbox effect.

Hover to zoom, click to enlarge.

  • Show product videos and images, with Magic Zoom Plus.
  • Zoom – fade-in, deceleration, image switching and resizing.

Install | Download

Works on these pages:

    • Product details page
    All latest versions

70% of buying experiences are based on how the customer feels they are being treated (McKinsey).

Show how you love your customers, with a beautiful lightbox on your product pages. The exquisite Magic Thumb lightbox extension for Bigcommerce will display all your product features without taking lots of valuable space.

Your product page will look instantly sophisticated. It'll stay that way too, thanks to the regular updates we release to steadily improve our image viewers.

For the final touch, customize your Bigcommerce lightbox extension with 40 options to easily pick the settings that look perfect on your store.

We're so confident you'll love Magic Thumb, buy it now with a 30 day moneyback guarantee.

Features you'll love...

  • Responsive
  • Fast
  • Built with SEO in mind
  • Image caching
  • Easy to customise
  • Auto image resizing
  • Scrollable thumbnails
  • Supports all templates
  • Watermarked images
  • On-demand loading
  • Regularly updated
  • jQuery compatible
  • One-off payment

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 Thumb (free and fully functional demo version).
  2. Upload Magic Thumb file to your bigCommerce website Unzip the file and upload the magicthumb 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 magicthumb 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 Thumb To upgrade your free and fully functional trial version of Magic Thumb (which removes the "Trial version" text), buy Magic Thumb. Then overwrite the demo magicthumb.js file with the one from your licensed version.

Your theme

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

  1. Add 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 Thumb installation within 48 hours (free of charge) and email you the good news.

Product options

Magic Thumb for Bigcommerce
Magic Thumb for Bigcommerce Magic Thumb for Bigcommerce Magic Thumb for Bigcommerce Magic Thumb 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.


Thanks for trying Magic Thumb on your Bigcommerce site! What did you hope Magic Thumb 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/magicthumb/magicthumb.css"  type="text/css" media="screen"/>
    <script src="/content/magicthumb/magicthumb.js"></script>
    <script src="/content/magicthumb/magic-bigcommerce.js?tool=MagicThumb"></script>
  3. Click the Save button at the top of the page.
  4. Delete the magicthumb folder from the content folder on your Bigcommerce website using FTP or WebDAV.
  5. Magic Thumb 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.