Magic Thumb allows you to showcase your product details in a beautiful and convenient way that is implemented by the biggest and most successful E-Commerce businesses like Amazon.
The customer sees the enlarged picture of a product on click or hover (your choice). Enable this image lightbox anywhere – Product page, Category page, Search page, Manufacturers page, Latest block, Featured block, Bestsellers block or Specials block of your store. Combine our lighbox module with Magic Scroll and show multiple product thumbnails in a neat and compact way.
Our lightbox module for OpenCart is a spectacular result of 9 years of work of the most talented developers and UX experts. With more than 45,000 customers (including Google, Lufthansa, Audi and Coca Cola), timely support and continuous refinements, you can rest assured Magic Thumb is the right solution for your OpenCart store.
Improves conversions on any OpenCart stores, regardless of your version. Install Magic Thumb in a jiffy, then customise it as you desire. Choose hover effects, zoom style, speed and 40 more options from the settings page.
Perfectly refined
We spent over 9 years constantly improving Magic Thumb, in particular, its experience on any device. Responsive and carefully refined for all screen types, it looks gorgeous on mobiles and desktops alike.
Google SEO improvements
High quality images will not only please your customers, Google will appreciate them too. Magic Thumb uses SEO-friendly URL to help you maximise new visitors from search engines.
Surprisingly fast
Our image module makes your customers happy for visiting your store. We've done our best to make images load instantly. Magic Thumb uses pure JavaScript (without jQuery) so it works on absolutely any website without fail.
Become a part of a fellowship
Magic Toolbox software is used by over 45 thousand professionals. We are proud to deliver the finest image effects to leading websites and constantly work to improve our tools for our customers. Please message our team with any ideas or questions and we'll reply within 24 hours.
Unzip the file on your computer and FTP the magicthumb folder to your OpenCart directory (on your server), keeping the file and folder structure intact.
Go to http://www.yoursite.url/magicthumb/ in your browser > click 'Install' (replace yoursite.url with your domain name.
Go to [Admin panel > Extensions > Modules] and install module.
Remain on [Admin panel > Extensions > Modules] and click 'Edit' by the Magic Thumb listing and enable module.
If you are using OpenCart 2.x go to [Admin panel > Modifications] and click 'Refresh' button.
Magic Thumb is now installed!
Customize the Magic Thumb module through the [Extensions > Modules > Edit] menu in your OpenCart admin panel.
Magic Thumb can be enabled on any page or section you choose.
Activate Magic Scroll to enjoy organised thumbnails on your product page: Extensions > Modules > Magic Thumb > Edit > 'Product page' tab > 'General' section > Scroll thumbnails > Select 'Yes' > Save changes.
Open an existing product or create a new one > Click 'Video' tab > Enter YouTube or Vimeo video url(s) > Press 'Enter' > Save change.
Buy Magic Thumb To upgrade your free and fully functional trial version of Magic Thumb (which removes the "Trial version" text), buy Magic Thumb and overwrite following file with the same one from your licensed version:
catalog/view/javascript/magicthumb.js
If you run OpenCart inside Joomla using AceShop, please integrate Magic Thumb using the instructions below.
Unzip the file on your computer and FTP the admin and catalog folders to the components/com_aceshop/opencart/ folder (on your server).
Go to [Admin panel > Components > AceShop > Dashboard > Extensions > Modules] and install module.
Go to [Admin panel > Components > AceShop > Dashboard > Extensions > Extension Installer] and install magicthumb.ocmod.xml file.
Go back to [Admin panel > Components > AceShop > Dashboard > Extensions > Modules] and click 'Edit' by the Magic Thumb listing and enable module.
Magic Thumb is now installed!
Customize the Magic Thumb module through the [Admin panel > Components > AceShop > Dashboard > Extensions > Modules > Edit] menu in your Joomla admin panel.
Buy Magic Thumb To upgrade your free and fully functional trial version of Magic Thumb (which removes the "Trial version" text), buy Magic Thumb and overwrite following file with the same one from your licensed version:
Unzip the file on your computer and FTP the admin and catalog folders to the components/com_mijoshop/opencart/ folder (on your server).
Go to [Admin panel > Components > MijoShop > Dashboard > Extensions > Modules] and install module.
Go to [Admin panel > Components > MijoShop > Dashboard > Extensions > Extension Installer] and install magicthumb.ocmod.xml file.
Go back to [Admin panel > Components > MijoShop > Dashboard > Extensions > Modules] and click 'Edit' by the Magic Thumb listing and enable module.
Magic Thumb is now installed!
Customize the Magic Thumb module through the [Admin panel > Components > MijoShop > Dashboard > Extensions > Modules > Edit] menu in your Joomla admin panel.
Buy Magic Thumb To upgrade your free and fully functional trial version of Magic Thumb (which removes the "Trial version" text), buy Magic Thumb and overwrite following file with the same one from your licensed version:
Unzip the file on your computer and FTP the admin, catalog and system folders to the components/com_jcart/ folder (on your server).
Go to [Admin panel > Components > jCart > Modules] and install module.
Go back to [Admin panel > Components > jCart > Modules] and click 'Edit' by the Magic Thumb listing and enable module.
Magic Thumb is now installed!
Customize the Magic Thumb module through the [Admin panel > Components > jCart > Modules > Edit] menu in your Joomla admin panel.
Buy Magic Thumb To upgrade your free and fully functional trial version of Magic Thumb (which removes the "Trial version" text), buy Magic Thumb and overwrite following file with the same one from your licensed version:
Swapping between many images is already a standard feature in Magic Thumb. But if you have lots of images, the page can look complicated.
Make your thumbnails look slick and organised with Magic Scroll for OpenCart. It neatly contains the images adds arrows to slide between them. Example:
Simply activate Magic Scroll on the Magic Thumb options page.
To remove the "Please upgrade" text, buy a license and overwrite the /catalog/view/javascript/magicscroll.js file with that from your licensed version.
Combine zoom & video (OC2 & OC3)
OpenCart 2.x and 3.x users now receive 2 tools in 1: image zoom & video!
Product videos offer potential customers a clear demonstration of any product. Conveying an incredible amount of information very quickly. Videos are proven to increase likelihood to buy, spend longer on your site and spend more per order.
It's time to stand out from the competition and turn potential customers into actual customers.
Click 'Video' tab > Enter YouTube or Vimeo video url(s) > Press 'Enter' > Save change.
Refresh web page > Product video(s) appear as thumbnails on product page.
That's it!
Combine zoom & spin (OC2 & OC3)
To zoom some images and spin others on your product page (like the example above) on your OpenCart 2.x or OpenCart 3.x store, you can install both Magic Thumb and Magic 360.
Upload your zoom and enlarge images via the 'Images' section. Upload your 360 spin images via the 'Magic 360 images' section (screenshot -
).
Zoom in CMS area
Magic Thumb works anywhere on your OpenCart store, including CMS pages. Add this image lightbox in minutes to any CMS page. Have a question? Let us know, we're here to help!
Go to the module options page: [Admin panel > Extensions > Magic Thumb].
Go to 'General' tab > 'Miscellaneous' section > 'Include headers on all pages' option > Click 'tick' > Save settings.
Go to 'Catalog > Information'.
Open existing page or create a new page.
Scroll down to 'Description' section > Click 'Code View' button.
Add zooming to any image on your CMS page by referencing the small and large images. Reference your small image with <img> and link it to your big image using the CSS class of "MagicThumb". Your code will look something like this:
Attributes are configured on a per-product basis. Each option can have multiple images assigned. Our demo example uses 4 images for each attribute.
Whether you choose "Select", "Radio" and "Checkbox" - product attributes is a perfect way to show customers your product range.
Uninstallation
Thanks for trying Magic Thumb on your OpenCart 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.
This lightbox extension for OpenCart was created to improve the image zoom capability on product pages, category pages, results page and other sections of your OpenCart store.
The addon uses JavaScript to enlarge your product images and it works on all browsers and devices including iPhone, iPad and Android mobile devices. It does not require jQuery or any other JavaScript frameworks.
OpenCart is the popular open source shopping cart platform.
Magic Zoom
Magic Zoom Plus
Magic Slideshow
Magic Scroll
Magic 360