I want to integrate magic zoom plus with xcart 4.4.4
I followed the instructions of uploading the files on the server, including the css and js path on the home.tpl head section and I was wondering where to integrate the "MagicZoomPlus" class (products list page or product details page?).
The instructions go like this:
Quote:
Link your small image to your large image with a class of MagicZoomPlus. Example:
<a href="big.jpg" class="MagicZoomPlus"><img src="small.jpg"/></a>
|
For example I tried to integrate it in the products list page (/common_files/customer/main/products_list.tpl) in the code (close to line 25):
Code:
<div class="image"{if $config.Appearance.thumbnail_width gt 0 or $product.tmbn_x gt 0} style="width: {$max_images_width|default:$config.Appearance.thumbnail_width|default:$product.tmbn_x}px;"{/if}>
<a href="{$url}" class="MagicZoomPlus">{include file="product_thumbnail.tpl" productid=$product.productid image_x=$product.tmbn_x image_y=$product.tmbn_y product=$product.product tmbn_url=$product.tmbn_url}</a>
When I enter the product list page, and hover the mouse over the product thumbnail, a "Loading Zoom" message appears above each thumbnail, and a lens icon appears when hovering the mouse over the thumbnail, but nothing happens. I have downloaded a large image for the product.
How do I link the thumbnail image with the large image, since this is dynamically created? When I look in the generated code, the href attribute is set to the dynamic url
Code:
product.php?productid=67&cat=23&page=1
.
Appreciate any tips