Thread: Category Image Zoom

I am working on image zoom on category pages. I got most of it working, but for some reason instead of the specific images, it pulls all the images.

Click on the "Quick View" under the images: http://store.motif56.com/c-4-wide-belts.aspx

*---My Code---*


<tr><td align="center" valign="top">
<div class="highslide-gallery">

<a id="thumb1" href='http://store.motif56.com/images/product/large/{ProductID}.jpg' onclick="return hs.expand(this, miniGalleryOptions1)" title="{$pName}">Quick View</a>

<div class="hidden-container">
<a class='highslide' href='http://store.motif56.com/images/product/large/{ProductID}.jpg' onclick="return hs.expand(this)" title="{$pName}">
<img src='http://store.motif56.com/images/product/icon/{ProductID}.jpg' alt=''/></a>
</div>

<div class="hidden-container">
<a class='highslide' href='http://store.motif56.com/images/product/large/{ProductID}_2_.jpg' onclick="return hs.expand(this)" title="{$pName}">
<img src='http://store.motif56.com/images/product/icon/{ProductID}_2_.jpg' alt=''/></a>
</div>
</div>
</td></tr>

very cool. it seems to be working for me, did you fix the site? if so, posting what you did would be helpful to other site/developers.

It doesn't quite work properly. If you notice on the right all the images from that category are loaded. Instead, only the images from the selected QuickView have to be loaded. That's what I am trying to fix but can't figure out.

you have to constrain by productid. right now you are querying by category id

But I am using product id {ProductID}.