Magic Thumb^™ for CRE:Loaded

Click to enlarge! It's easy to add this effect to your website.

Download now

Please contact us if you need help with these instructions.

1. If you get stuck, contact us and we will help you install this module!
2. Remove the old Magic Thumb^™ if you installed it previously.
3. Download and unzip the CRE Loaded module for Magic Thumb^™.
4. Upload the contents of the 'catalog' directory to their respective folders of your CRELoaded website.
5. Install the Magic Toolbox GUI (unless you have already installed this).
   1. Open the file admin/includes/boxes/modules.php in the editor and find this line:

      tep_admin_files_boxes(FILENAME_MODULES, BOX_MODULES_PAYMENT, 'SSL' , 'set=payment', '2') .

      Add this line after it:

      tep_admin_files_boxes(FILENAME_MODULES, 'MagicToolbox', 'NONSSL' , 'set=magictoolbox', '2') .

   2. Open the file admin/modules.php in the editor and find this line:

      switch ($set) {

      Add the following lines after it:

      case 'magictoolbox':

      $module_type = 'magictoolbox';

      $module_directory = DIR_FS_CATALOG_MODULES . 'magictoolbox/admin/';

      $module_key = 'MODULE_MAGICTOOLBOX_INSTALLED';

      define('HEADING_TITLE', "MagicToolbox");

      $SSL= 'NONSSL';

      break;

6. Install the Magic Thumb^™ content parcer (skip this step if you use the STS module).
   
   1. Backup your /product_info.php file.
   2. Open /product_info.php in the editor and find this line:

      require('includes/application_top.php');

      Add this line after it:

      require_once(DIR_WS_MODULES.'magictoolbox/magicthumb.php');

   3. Find a line (almost the last line):

      require(DIR_WS_INCLUDES . 'application_bottom.php');

      Add this line before it:

      MagicThumb();

   4. Backup your includes/modules/product_listing.php file.
   5. Open includes/modules/product_listing.php in the editor and find this line:

      $params = (isset($_SESSION['CDpath'])) ? '&CDpath=' . $_SESSION['CDpath'] : '';

      and add this line before it:

      include(dirname(__FILE__) . '/magictoolbox/magicthumb.php');

   6. Find these 2 lines:

      new productListingBox($list_box_contents);

      } else {

      and replace them with these 3 lines:

      new productListingBox($list_box_contents);

      MagicThumb();

      } else {

   7. Backup your includes/modules/product_listing_col.php file.
   8. Open includes/modules/product_listing_col.php in the editor and find this line:

      $params = (isset($_SESSION['CDpath'])) ? '&CDpath=' . $_SESSION['CDpath'] : '';

      and add this line before it:

      include(dirname(__FILE__) . '/magictoolbox/magicthumb.php');

   9. Find following 2 lines:

      new productListingBox($list_box_contents);

      } else {

      and replace them with:

      new productListingBox($list_box_contents);

      MagicThumb();

      } else {

7. Backup your /includes/functions/html_output.php file, then open it in the editor and find this line:
   

   'function tep_javascript_image'

   And replace it with:

   'function tep_javascript_image_original'

8. It's installed! Now go to [Admin panel -> Modules -> MagicToolbox -> Magic Thumb] and configure your Magic Thumb^™ (customisation options).
9. To upgrade, buy Magic Thumb^™ then overwrite the old magicthumb.js file with the new one.

This image lightbox uses JavaScript to display better detail in product images. CRE Loaded is the popular ecommerce shopping cart. Please contact us for help installing this script on your website.

Other CRE:Loaded modules

Try our other cool tools for CRE:Loaded.

• Magic Zoom^™ CRELoaded module
• Magic Zoom Plus^™ CRELoaded module
• Magic Magnify^™ CRELoaded module
• Magic Magnify Plus^™ CRELoaded module
• Magic Touch^™ CRELoaded module

Installation guides

There are simple instructions plus dedicated modules and plugins to add this JavaScript image popup tool to any website or ecommerce store:

Step-by-step instructions	Zip file
Standard instructions (any website)	Download
VirtueMart instructions	Download 1.5 / 1.1
Joomla instructions	Download 1.5 / 1.0
Magento instructions	Download
PrestaShop instructions	Download
osCommerce instructions	Download 3 / 2
Zen Cart instructions	Download
X-Cart instructions	Download
xt:commerce instructions	Download
CubeCart instructions	Download
CRELoaded instructions	Download
Gallery instructions	Download
WordPress instructions	Download
WordPress e-Commerce instructions	Download
Drupal instructions	Download 6 / 5
WYSIWYG instructions	Download
CS-Cart instructions	Download
osCMax instructions	Download
OXID instructions	Download
NetSuite instructions