Hi,
I wanted to have the large picture on the hover of thumbnail in the product list.
I was able to manage this but one thing that is not getting cracked is that I get the same image on all the hovers on product thumbnail.
For example:
Product Thumbnail A - Mouseover image of product A
Product Thumbnail B - Mouseover image of product A
(image should be of product B)
Product Thumbnail C - Mouseover image of product A
(image should be of product C)
How to get the exact URL of the larger image of product ??
This is how I did it -
In the products_t.tpl
HTML Code:
<a href="{$product.alt_url|default:$product.page_url|amp}" class="image-link" data-tooltip="sticky3">
{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>
<div id="mystickytooltip" class="stickytooltip">
<div id="sticky3" class="atip">
{include file="product_thumbnail.tpl" productid=$product.productid product=$product.product tmbn_url=$product.tmbn_url}
</div>
<div class="stickystatus"></div>
Any help ????
Regards,