Magic Thumb for Bigcommerce

BigCommerce app

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

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. 

   

   Unzip the file and upload the magicthumb folder to the content folder on your BigCommerce website using FTP or WebDAV.

3. 

   

   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. 

   

   In your BigCommerce admin panel, go to the Settings > Store menu, choose Images section.

5. 

   

   Ensure that parameter 'Show Tiny Thumbnails?' is activated.

6. 

   

   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 the following lines at the top of template:

   <link href="/content/magiczoomplus/magiczoomplus.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

Black Maroon Obsidian Seaweed

---

BlackMaroonObsidianSeaweed

---

Do your products come in different colours or styles?

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

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

Other Bigcommerce apps

Try our other great image effects!

Magic Zoom

Magic Zoom Plus

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.