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:

Code:

---

<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&amp;pID=30&amp;pic=0&amp;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&amp;pID=30&amp;pic=0&amp;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

Code:

---

<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&amp;pID=30&amp;pic=0&amp;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&amp;pID=30&amp;pic=0&amp;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

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by DivaVocals

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

---