Help installing an image plug-in.

**Butalezi Brown** · 5 Jun 2008, 04:33 AM

Hi, I am trying to install a product zoom feature called MAGICZOOM.

The instructions read as follows.

Code:

 <html>
 <head>
    <title>MagicZoom | Example</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link rel="stylesheet" href="MagicZoom.css" type="text/css" media="screen" />
    <script src="mz-packed.js" type="text/javascript"></script>
 </head>
 <body>
    <a href="example_big.jpg" class="MagicZoom"><img src="example_small.jpg"/></a>
 </body>
  </html>

I have set up the CSS and JS, by simply renaming them
jscript_mz-packed.js & stylesheet_MagicZoom.css. Zen Cart seemed to have recongized them.

The important bit is this...

Code:

 <a href="example_big.jpg" class="MagicZoom"><img src="example_small.jpg"/></a>

I think I should be editing my tpl_modules_main_product_image.php

If so, where do I actually make the changes.
I think one problem is I am using the imageSwap plug in by Dr.Byte.

Here is my .php code from that page.

PHP Code:



<?php require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_MAIN_PRODUCT_IMAGE)); ?> 
<div id="productMainImage" class="centeredContent back">
<script language="javascript" type="text/javascript">
<!--
document.write('<?php echo $ahref_start . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT, 'name="imageSwap"') . $enlarge_text . $ahref_end; ?>');
//--></script>
<noscript>
<?php
  
  echo '<a href="' . zen_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $_GET['products_id']) . '" class="MagicZoom' . '" target="_blank">' . zen_image($products_image_medium, $products_name, MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '<br /><span class="imgLink">' . TEXT_CLICK_TO_ENLARGE . '</span></a>';

?>
</noscript>
</div>

I think i need to rewrite this bit of code.

PHP Code:


document.write('<?php echo $ahref_start . zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT, 'name="imageSwap"') . $enlarge_text . $ahref_end; ?>');
 //--></script>

so it roughly reads:
<a href="$products_image_large" class="MagicZoom"><img src="$products_image_medium"/></a>

But how do I write a hyper link to the larger image and then set the class to Magic Zoom? I am a novice with .php scripting.

This is a cool plug-in, and I want to get it to work before I pay the 25 GBP for it.

Thanks in advance,

Alex

**Butalezi Brown** · 5 Jun 2008, 04:34 AM

magictoolbox.com/magiczoom_integration/

That's magic zooms website. If anybody wants to pick up this plug in and check it out.

It's wicked.

A

**lucianman** · 6 Mar 2009, 05:12 PM

have you manage to sort it out, as im after the answer to, and can i have a view of what site you install it on. thanks

**danielson** · 29 Aug 2009, 09:35 AM

lucianman - Just download the module for Zen Cart. It does everything for you. Instruciotns here: magictoolbox.com/magiczoom_zen_cart/

Thread: Help installing an image plug-in.

Thread Tools

Search Thread

Display

Help installing an image plug-in.

Re: Help installing an image plug-in.

Re: Help installing an image plug-in.

Use the module for Zen Cart

Similar Threads

v151 Help identifying 2 plug-ins

v150 Installing plug in

Help with Ask a Question plug-in

Installing Image Handler

Posting Permissions