Create stunning effects in xt:Commerce

xt:Commerce is a popular open-source shopping cart for quickly creating ecommerce sites. Extend your xt:Commerce store with 3 gorgeous image tools to instantly facelift your shop.

Magic Zoom Plus for xt:Commerce

Perfectly fits your style, with 60 easy options.

  • Responsive - images scale up/down to fit users screen.
  • Customizable - tweak the position, size, zoom effects + much more.
Supported versions
  • xt:Commerce 5
  • xt:Commerce 4 Multishop
  • xt:Commerce 4 PROFESSIONAL
  • xt:Commerce 4 START!
  • xt:Commerce 3.x

98%    of shoppers say its their favourite zoom

Downloads   
1300+

Ready to use


Product details page

Category page

Manufactures page

Manual install elsewhere

Key features


Responsive

Fast loading

SEO friendly

Supports video

Easy to customise

Switchable thumbnails

Friendly support

One-off payment

jQuery compatible

Regularly updated

Lazy loading

Optimised for mobile

Installation


xt:Commerce 4 (Veyton)

  1. Download Magic Zoom Plus plugin for xt:Commerce 4/5 (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the magiczoomplus folder to your plugins directory (on your xt:Commerce 4/5 server), keeping the file and folder structure intact.
  3. Run xt:Commerce 4/5 Magic Zoom Plus plugin in admin area In your xt:Commerce 4/5 admin, go to Plugins > plugins uninstalled > Locate Magic Zoom Plus > click the Run icon.
  4. Install xt:Commerce 4/5 Magic Zoom Plus plugin in admin area Pop up box will appear 'Plugin installieren' > Select 'Yes'.
  5. Close Magic Zoom Plus installed pop up window in xt:Commerce 4/5 admin area Once Magic Zoom Plus installed message appears, click 'close window'.
  6. Click edit for xt:Commerce 4/5 Magic Zoom Plus plugin in admin area Go to Plugins > plugins installed > Find Magic Zoom Plus > Click 'Edit'. (If you already have 'plugins installed' tab open, close the tab and reopen to see Magic Zoom Plus listed).
  7. Enable Magic Zoom Plus in xt:Commerce 4/5 admin area To enable Magic Zoom Plus go to: 'plugin status' > 'Tick' box > Scroll down page and click 'save'.
  8. The demo version is now installed!
  9. Customize Magic Zoom Plus in xt:Commerce 4/5 admin area Change Magic Zoom Plus settings through the Plugins > plugins installed > Magic Zoom Plus > 'Edit' menu in your xt:Commerce 4/5 admin panel.
  10. Change main image height & width on Magic Zoom Plus settings page in xt:Commerce 4/5 admin area Main image default size on product page is 200 x 200 pixels. Change 'Maximum width of thumbnail (in pixels)' and 'Maximum height of thumbnail (in pixels)' settings to the size you wish.
  11. Scroll thumbnail images on your xt:Commerce 4/5 product page Activate Magic Scroll to enjoy organised thumbnails on your product page: Plugins > plugins installed > Magic Zoom Plus > Click 'Edit' > Scroll thumbnails > Enter 'Yes' > Save changes.
  12. Buy Magic Zoom Plus To upgrade your free and fully functional trial version of Magic Zoom Plus (which removes the "Trial version" text), buy Magic Zoom Plus and overwrite following file with the same one from your licensed version:

    plugins/magiczoomplus/magiczoomplus.js

xt:Commerce 3

  1. Download the xt:Commerce module for Magic Zoom Plus (free and fully functional demo version).
  2. Unzip it and upload the magiczoomplus folder to the root of your xt:Commerce website.
  3. Go to http://your.site.url/magiczoomplus/ in your browser and follow the instructions.
  4. The demo version is now installed!
  5. Buy Magic Zoom Plus To upgrade your free and fully functional trial version of Magic Zoom Plus (which removes the "Trial version" text), buy Magic Zoom Plus and overwrite following file with the same one from your licensed version:

    includes/modules/magictoolbox/core/magiczoomplus.js

Multiple images

Swapping between many images is already a standard feature in Magic Zoom Plus. But if you have lots of images, the page can look complicated.

Make your thumbnails look slick and organised with Magic Scroll for xt:Commerce. It neatly contains the images adds arrows to slide between them. Example:


  1. Simply activate Magic Scroll on the Magic Zoom Plus options page.
  2. To remove the "Please upgrade" text, buy a license and overwrite the plugins/magiczoomplus/magicscroll.js file with that from your licensed version.

Uninstallation


Thanks for trying Magic Zoom Plus on your xt:Commerce site! What did you hope Magic Zoom Plus could do? How can we improve it? Let us know, we're always improving our tools based on customer feedback.

xt:Commerce 4 (Veyton)

  1. Disable Magic Zoom Plus via: 'plugin status' > 'Untick' box > Scroll down page and click 'save'.
  2. Go to Plugins > plugins installed > Find Magic Zoom Plus > Click 'Uninstall' and follow instructions.
  3. Delete the magiczoomplus folder from your plugins directory (on your xt:Commerce 4/5 server).
  4. Magic Zoom Plus is now uninstalled.

xt:Commerce 3

  1. Go to http://your.site.url/magiczoomplus/ in your browser and click 'Uninstall' (replace yoursite.url with your domain name).
  2. Delete the magiczoomplus folder from the root of your xt:Commerce website.
  3. Magic Zoom Plus is now uninstalled.

Magic Zoom Plus for xt:Commerce

Magic Zoom for xt:Commerce

Guaranteed to increase your conversions - or your money back.

  • Perfect tool for showing of all our photos
  • Add it to your website in under 3 minutes!
Supported versions
  • xt:Commerce 5
  • xt:Commerce 4 Multishop
  • xt:Commerce 4 PROFESSIONAL
  • xt:Commerce 4 START!
  • xt:Commerce 3.x

93%    of users say it boosted their sales

Downloads   
900+

Ready to use


Product details page

Category page

Manufactures page

Manual install elsewhere

Key features


Responsive

Fast loading

SEO friendly

Supports video

Easy to customise

Switchable thumbnails

Friendly support

One-off payment

Regularly updated

jQuery compatible

On-demand loading

Optimised for mobile

Installation


xt:Commerce 4 (Veyton)

  1. Download Magic Zoom plugin for xt:Commerce 4/5 (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the magiczoom folder to your plugins directory (on your xt:Commerce 4/5 server), keeping the file and folder structure intact.
  3. Run xt:Commerce 4/5 Magic Zoom plugin in admin area In your xt:Commerce 4/5 admin, go to Plugins > plugins uninstalled > Locate Magic Zoom > click the Run icon.
  4. Install xt:Commerce 4/5 Magic Zoom plugin in admin area Pop up box will appear 'Plugin installieren' > Select 'Yes'.
  5. Close Magic Zoom installed pop up window in xt:Commerce 4/5 admin area Once Magic Zoom installed message appears, click 'close window'.
  6. Click edit for xt:Commerce 4/5 Magic Zoom plugin in admin area Go to Plugins > plugins installed > Find Magic Zoom > Click 'Edit'. (If you already have 'plugins installed' tab open, close the tab and reopen to see Magic Zoom listed).
  7. Enable Magic Zoom in xt:Commerce 4/5 admin area To enable Magic Zoom go to: 'plugin status' > 'Tick' box > Scroll down page and click 'save'.
  8. The demo version is now installed!
  9. Customize Magic Zoom in xt:Commerce 4/5 admin area Change Magic Zoom settings through the Plugins > plugins installed > Magic Zoom > 'Edit' menu in your xt:Commerce 4/5 admin panel.
  10. Change main image height & width on Magic Zoom settings page in xt:Commerce 4/5 admin area Main image default size on product page is 200 x 200 pixels. Change 'Maximum width of thumbnail (in pixels)' and 'Maximum height of thumbnail (in pixels)' settings to the size you wish.
  11. Scroll thumbnail images on your xt:Commerce 4/5 product page Activate Magic Scroll to enjoy organised thumbnails on your product page: Plugins > plugins installed > Magic Zoom > Click 'Edit' > Scroll thumbnails > Enter 'Yes' > Save changes.
  12. Buy Magic Zoom To upgrade your free and fully functional trial version of Magic Zoom (which removes the "Trial version" text), buy Magic Zoom and overwrite following file with the same one from your licensed version:

    plugins/magiczoom/magiczoom.js

xt:Commerce 3

  1. Download the xt:Commerce module for Magic Zoom (free and fully functional demo version).
  2. Unzip it and upload the magiczoom folder to the root of your xt:Commerce website.
  3. Go to http://your.site.url/magiczoom/ in your browser and follow the instructions.
  4. The demo version is now installed!
  5. Buy Magic Zoom To upgrade your free and fully functional trial version of Magic Zoom (which removes the "Trial version" text), buy Magic Zoom and overwrite following file with the same one from your licensed version:

    includes/modules/magictoolbox/core/magiczoom.js

Multiple images

Swapping between many images is already a standard feature in Magic Zoom. But if you have lots of images, the page can look complicated.

Make your thumbnails look slick and organised with Magic Scroll for xt:Commerce. It neatly contains the images adds arrows to slide between them. Example:


  1. Simply activate Magic Scroll on the Magic Zoom options page.
  2. To remove the "Please upgrade" text, buy a license and overwrite the plugins/magiczoomplus/magicscroll.js file with that from your licensed version.

Uninstallation


Thanks for trying Magic Zoom on your xt:Commerce 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.

xt:Commerce 4 (Veyton)

  1. Disable Magic Zoom via: 'plugin status' > 'Untick' box > Scroll down page and click 'save'.
  2. Go to Plugins > plugins installed > Find Magic Zoom > Click 'Uninstall' and follow instructions.
  3. Delete the magiczoom folder from your plugins directory (on your xt:Commerce 4/5 server).
  4. Magic Zoom is now uninstalled.

xt:Commerce 3

  1. Go to http://your.site.url/magiczoom/ in your browser and click 'Uninstall' (replace yoursite.url with your domain name).
  2. Delete the magiczoom folder from the root of your xt:Commerce website.
  3. Magic Zoom is now uninstalled.

Magic Zoom for xt:Commerce

Magic Thumb for xt:Commerce

30 adjustable options to make it look perfect.

  • Intuitive swype gestures will delight your customers
  • Graceful image lightboxes to engage your customers.
Supported versions
  • xt:Commerce 5
  • xt:Commerce 4 Multishop
  • xt:Commerce 4 PROFESSIONAL
  • xt:Commerce 4 START!
  • xt:Commerce 3.x

92%    of users say its the best image lightbox

Downloads   
80+

Ready to use


Product details page

Category page

Manufactures page

Manual install elsewhere

Key features


Responsive

Fast loading

SEO friendly

Lazy loading

Supports video

Friendly support

One-off payment

Regularly updated

jQuery compatible

Swappable thumbnails

Installation


xt:Commerce 4 (Veyton)

  1. Download Magic Thumb plugin for xt:Commerce 4/5 (free and fully functional demo version).
  2. Unzip the file on your computer and FTP the magicthumb folder to your plugins directory (on your xt:Commerce 4/5 server), keeping the file and folder structure intact.
  3. Run xt:Commerce 4/5 Magic Thumb plugin in admin area In your xt:Commerce 4/5 admin, go to Plugins > plugins uninstalled > Locate Magic Thumb > click the Run icon.
  4. Install xt:Commerce 4/5 Magic Thumb plugin in admin area Pop up box will appear 'Plugin installieren' > Select 'Yes'.
  5. Close Magic Thumb installed pop up window in xt:Commerce 4/5 admin area Once Magic Thumb installed message appears, click 'close window'.
  6. Click edit for xt:Commerce 4/5 Magic Thumb plugin in admin area Go to Plugins > plugins installed > Find Magic Thumb > Click 'Edit'. (If you already have 'plugins installed' tab open, close the tab and reopen to see Magic Thumb listed).
  7. Enable Magic Thumb in xt:Commerce 4/5 admin area To enable Magic Thumb go to: 'plugin status' > 'Tick' box > Scroll down page and click 'save'.
  8. The demo version is now installed!
  9. Customize Magic Thumb in xt:Commerce 4/5 admin area Change Magic Thumb settings through the Plugins > plugins installed > Magic Thumb > 'Edit' menu in your xt:Commerce 4/5 admin panel.
  10. Change main image height & width on Magic Thumb settings page in xt:Commerce 4/5 admin area Main image default size on product page is 200 x 200 pixels. Change 'Maximum width of thumbnail (in pixels)' and 'Maximum height of thumbnail (in pixels)' settings to the size you wish.
  11. Scroll thumbnail images on your xt:Commerce 4/5 product page Activate Magic Scroll to enjoy organised thumbnails on your product page: Plugins > plugins installed > Magic Thumb > Click 'Edit' > Scroll thumbnails > Enter 'Yes' > Save changes.
  12. 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:

    plugins/magicthumb/magicthumb.js

xt:Commerce 3

  1. Download the xt:Commerce module for Magic Thumb (free and fully functional demo version).
  2. Unzip it and upload the magicthumb folder to the root of your xt:Commerce website.
  3. Go to http://your.site.url/magicthumb/ in your browser and follow the instructions.
  4. The demo version is now installed!
  5. 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:

    includes/modules/magictoolbox/core/magicthumb.js

Multiple images

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 xt:Commerce. It neatly contains the images adds arrows to slide between them. Example:


  1. Simply activate Magic Scroll on the Magic Thumb options page.
  2. To remove the "Please upgrade" text, buy a license and overwrite the plugins/magiczoomplus/magicscroll.js file with that from your licensed version.

Uninstallation


Thanks for trying Magic Thumb on your xt:Commerce 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.

xt:Commerce 4 (Veyton)

  1. Disable Magic Thumb via: 'plugin status' > 'Untick' box > Scroll down page and click 'save'.
  2. Go to Plugins > plugins installed > Find Magic Thumb > Click 'Uninstall' and follow instructions.
  3. Delete the magicthumb folder from your plugins directory (on your xt:Commerce 4/5 server).
  4. Magic Thumb is now uninstalled.

xt:Commerce 3

  1. Go to http://your.site.url/magicthumb/ in your browser and click 'Uninstall' (replace yoursite.url with your domain name).
  2. Delete the magicthumb folder from the root of your xt:Commerce website.
  3. Magic Thumb is now uninstalled.

Magic Thumb for xt:Commerce

About

These instructions are for xt:Commerce. Thanks to Lauren Brewer for writing these instructions. Use them to add effects to your website including image zoom on hover/mouseover; image lightbox (enlarge image to full screen); and image magnifiers.

Changelog

  • v3.4

    Added support for Magic Zoom Plus v5.

    September 3, 2015

  • v3.3

    Fixed issue with not working 'Caption source' option.

    May 31, 2011

  • v3.2

    Add web interface for editing module options in INI file.

    May 23, 2011

  • v3.1

    Fixes issue when not all selectors are shown

    February 25, 2011

  • v3.0

    Added installer.

    June 15, 2010

  • v2.16

    Changes in caption-source parameter to allow multiple sources.

    June 8, 2010

  • v2.15

    Removed deprecated styles (white-space: nowrap; text-align: center;) from containers.

    March 3, 2010

  • v2.14

    Fixed module not working with some templates.

    February 23, 2010

  • v2.13

    Fixed ID for additional images when 'use-selectors' is set to No in Magic Thumb.

    February 10, 2010

  • v2.12

    Added 'thumbnails-size' and 'selectors-size' parameters.

    January 26, 2010

  • v2.11

    Added parameters to switch effects on pages for Magic Zoom Plus.

    December 16, 2009

  • v2.10

    Added support for category image on category page.

    November 12, 2009

  • v2.9

    Added support for non-default category page templates.

    November 9, 2009

  • v2.8

    Added category page support.

    November 5, 2009

  • v2.7

    Minor bug fixed.

    October 22, 2009

  • v2.6

    Remove main thumbnail from selectors for Magic Thumb (only when 'use_selectors' set to 'No').

    September 24, 2009

  • v2.5

    Fixed references to the JavaScript and CSS files.

    August 18, 2009

  • v2.4

    Added support for product reviews info page.

    March 17, 2009

  • v2.3

    Added CHANGELOG.

    March 17, 2009