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

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 products 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, download it now with a 30 day moneyback guarantee.

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 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 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.

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 Thumb supports Bigcommerce product options out of the box.

Uninstallation

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.