I've got a ticket in, but haven't heard any update so thought I'd see if anyone else ever ran into this weird problem.
I enhanced some product images, gave them the same names as the existing ones in the file manager, and FTP'd them back overwriting the originals. Now, if I go to the product page I can see the large image with 4 thumbnails to the side. If I click on the first 2 thumbnails, no problem. The correct large (zoomified) image shows up. However, if I click the 3rd (or any subsequent) thumbnail, the large image is the old image with that same name--which has been overwritten! It has happened on a couple of products so I know it is not a cache issue (as they originally thought) but it has to be a code issue. I'm attaching a screen shot to demonstrate.
Here is the code for the image section:
<tr>
<td align="center"><!--START: image1-->
<p><a href="[image1]" class="[3dzoom_class]" id="listing_main_image_link"><img itemprop="image" src="thumbnail.asp?file=[image1]&maxx=[image_medium_w]&maxy=0" align="middle" border="0" id="large" name="large" alt="[name]" /></a></p>
<div name="imagecaptiont" id="imagecaptiont" class="item">[imagecaption1]</div>
<!--END: image1--></td>
<td><table border="0" cellpadding="4" cellspacing="0">
<!--START: image2-->
<tr>
<td align="center" class="borders"><a href="[image1]" rel="thumb-id:listing_main_image_link" rev="thumbnail.asp?file=[image1]&maxx=[image_medium_w]&maxy=0" onclick="javascript:image_click(1);return false;"><img src="thumbnail.asp?file=[image1]&maxx=75&maxy=0" alt="" border="0" name="pimage1" /></a></td>
</tr>
<tr>
<td align="center" class="borders"><a href="[image2]" rel="thumb-id:listing_main_image_link" rev="thumbnail.asp?file=[image2]&maxx=[image_medium_w]&maxy=0" onclick="javascript:image_click(2);return false;"><img src="thumbnail.asp?file=[image2]&maxx=75&maxy=0" alt="" border="0" name="pimage2" /></a></td>
</tr>
<!--END: image2-->
<!--START: image3-->
<tr>
<td align="center" class="borders"><a href="[image3]" rel="thumb-id:listing_main_image_link" rev="thumbnail.asp?file=[image3]&maxx=[image_medium_w]&maxy=[image_medium_h]" onclick="javascript:image_click(3);return false;"><img border="0" src="thumbnail.asp?file=[image3]&maxx=75&maxy=0" alt="" name="pimage3" /></a></td>
</tr>
<!--END: image3-->
<!--START: image4-->
<tr>
<td align="center" class="borders"><a href="[image4]" rel="thumb-id:listing_main_image_link" rev="thumbnail.asp?file=[image4]&maxx=[image_medium_w]&maxy=[image_medium_h]" onclick="javascript:image_click(4);return false;"><img border="0" src="thumbnail.asp?file=[image4]&maxx=75&maxy=0" alt="" name="pimage4" /></a></td>
</tr>
<!--END: image4-->
</table></td>
</tr>
<!--START: image5-->
<tr>
<td align="center"><input type="button" onclick="popupsimple('gallery.asp?catalogid=[catalogid]',650,550)" name="IMG" value="[product_imagegallery]" class="btn" onmouseover="this.className='btn_over'" onmouseout="this.className='btn'" /></td>
<td>*</td>
</tr>
<!--END: image5-->
</table></td>
Screen-Shot.jpg
I enhanced some product images, gave them the same names as the existing ones in the file manager, and FTP'd them back overwriting the originals. Now, if I go to the product page I can see the large image with 4 thumbnails to the side. If I click on the first 2 thumbnails, no problem. The correct large (zoomified) image shows up. However, if I click the 3rd (or any subsequent) thumbnail, the large image is the old image with that same name--which has been overwritten! It has happened on a couple of products so I know it is not a cache issue (as they originally thought) but it has to be a code issue. I'm attaching a screen shot to demonstrate.
Here is the code for the image section:
<tr>
<td align="center"><!--START: image1-->
<p><a href="[image1]" class="[3dzoom_class]" id="listing_main_image_link"><img itemprop="image" src="thumbnail.asp?file=[image1]&maxx=[image_medium_w]&maxy=0" align="middle" border="0" id="large" name="large" alt="[name]" /></a></p>
<div name="imagecaptiont" id="imagecaptiont" class="item">[imagecaption1]</div>
<!--END: image1--></td>
<td><table border="0" cellpadding="4" cellspacing="0">
<!--START: image2-->
<tr>
<td align="center" class="borders"><a href="[image1]" rel="thumb-id:listing_main_image_link" rev="thumbnail.asp?file=[image1]&maxx=[image_medium_w]&maxy=0" onclick="javascript:image_click(1);return false;"><img src="thumbnail.asp?file=[image1]&maxx=75&maxy=0" alt="" border="0" name="pimage1" /></a></td>
</tr>
<tr>
<td align="center" class="borders"><a href="[image2]" rel="thumb-id:listing_main_image_link" rev="thumbnail.asp?file=[image2]&maxx=[image_medium_w]&maxy=0" onclick="javascript:image_click(2);return false;"><img src="thumbnail.asp?file=[image2]&maxx=75&maxy=0" alt="" border="0" name="pimage2" /></a></td>
</tr>
<!--END: image2-->
<!--START: image3-->
<tr>
<td align="center" class="borders"><a href="[image3]" rel="thumb-id:listing_main_image_link" rev="thumbnail.asp?file=[image3]&maxx=[image_medium_w]&maxy=[image_medium_h]" onclick="javascript:image_click(3);return false;"><img border="0" src="thumbnail.asp?file=[image3]&maxx=75&maxy=0" alt="" name="pimage3" /></a></td>
</tr>
<!--END: image3-->
<!--START: image4-->
<tr>
<td align="center" class="borders"><a href="[image4]" rel="thumb-id:listing_main_image_link" rev="thumbnail.asp?file=[image4]&maxx=[image_medium_w]&maxy=[image_medium_h]" onclick="javascript:image_click(4);return false;"><img border="0" src="thumbnail.asp?file=[image4]&maxx=75&maxy=0" alt="" name="pimage4" /></a></td>
</tr>
<!--END: image4-->
</table></td>
</tr>
<!--START: image5-->
<tr>
<td align="center"><input type="button" onclick="popupsimple('gallery.asp?catalogid=[catalogid]',650,550)" name="IMG" value="[product_imagegallery]" class="btn" onmouseover="this.className='btn_over'" onmouseout="this.className='btn'" /></td>
<td>*</td>
</tr>
<!--END: image5-->
</table></td>
Screen-Shot.jpg
Comment