HOW-TO: Image Preparation

Your main product image is being displayed because the additional image popup page can't find the additional images. That's because there's a modification to "built in" Zen Cart creation of the additional images popup. Your page's HTML shows:

<div class="additionalImages centeredContent back" style="width:50%;">
      <script language="javascript" type="text/javascript"><!--
document.write('<a href="javascript:popupWindow(\'http://www.krutikraft.com/index.php?main_page=popup_image_additional&pID=30&pic=0&products_image_large_additional=images%2Flarge%2FWallet+with+Mobile+Holder-Maroon_01_LRG.jpg\')"><img src="images/Wallet with Mobile Holder-Maroon_01.jpg" alt="Wallet with Mobile Holder - Maroon" title=" Wallet with Mobile Holder - Maroon " width="100" height="67" /><br />larger image</a>');
//--></script>
      <noscript><a href="http://www.krutikraft.com/index.php?main_page=popup_image_additional&pID=30&pic=0&products_image_large_additional=images/large/Wallet with Mobile Holder-Maroon_01_LRG.jpg" target="_blank"><img src="images/Wallet with Mobile Holder-Maroon_01.jpg" alt="Wallet with Mobile Holder - Maroon" title=" Wallet with Mobile Holder - Maroon " width="100" height="67" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>

instead of

<div class="additionalImages centeredContent back" style="width:50%;">
      <script language="javascript" type="text/javascript"><!--
document.write('<a href="javascript:popupWindow(\'http://www.krutikraft.com/index.php?main_page=popup_image_additional&pID=30&pic=0&products_image_large_additional=images/large/Wallet+with+Mobile+Holder-Maroon_01_LRG.jpg\')"><img src="images/Wallet with Mobile Holder-Maroon_01.jpg" alt="Wallet with Mobile Holder - Maroon" title=" Wallet with Mobile Holder - Maroon " width="100" height="67" /><br />larger image</a>');
//--></script>
      <noscript><a href="http://www.krutikraft.com/index.php?main_page=popup_image_additional&pID=30&pic=0&products_image_large_additional=images/large/Wallet with Mobile Holder-Maroon_01_LRG.jpg" target="_blank"><img src="images/Wallet with Mobile Holder-Maroon_01.jpg" alt="Wallet with Mobile Holder - Maroon" title=" Wallet with Mobile Holder - Maroon " width="100" height="67" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>

I suggest you take your question (with a pointer to this post) to the support thread for your current template.

Hello,

I noticed that this tutorial was first posted in early 2012, does it still pertain to the later versions of ZC such as 1.5.1?

Thanks

RiverCity:

Hello,

I noticed that this tutorial was first posted in early 2012, does it still pertain to the later versions of ZC such as 1.5.1?

Thanks

Yep.. not much has changed in terms of the BASICS in image management..

Thanks, I just got Image Handler 4 installed today so I thought I'd look over this tutorial first then start on the IH4 tutorial and try to learn how to use it.

Jim

DivaVocals:

Yep.. not much has changed in terms of the BASICS in image management..