Multiple images on product listing page?

I keep getting the impression that I should be able to put multiple pictures up on a product's listing page.

I found this tutorial: https://www.zen-cart.com/tutorials/index.php?article=58 and have followed it for one product, but the images still don't show up anywhere. And if I click the "larger image" link I still just get the medium-sized one.

I'm guessing I turned them off somewhere while installing this thing or something? I've looked everywhere and just can't figure out what I'm doing wrong.

I just want to be able to display a row of different views of each product somewhere on the porduct's main page.

Thanks for any help....and sorry this cart leaves me so clueless.

DragonLady

Oh...here's a link to the product page, if that helps at all:
http://yourbuttonshop.com/index.php?main_page=product_info&cPath=33_34&products_id=204

There are six images uploaded to the same directory:
victoriana1_LRG.jpg thru victoriana4_LRG.jpg, victoriana_MED.jpg and victoriana.jpg. Only the "victoriana.jpg" one is being displayed.

Thanks again.

DL

It's been a while since I've done this, but I think you want to name your images differently. I don't think an image with the LRG specified will display as an additional image.

Try changing the image names to:

victoriana.jpg (the main image)
victoriana_01.jpg
victoriana_02.jpg
victoriana_03.jpg
victoriana_04.jpg

Then for the larger popup images, victoriana_01_LRG.jpg, etc.

Thanks, stevesh, but I tried that and it didn't work, either. ;(

There has to be a fix for this?

Have I unintentionally turned something off or mucked up the settings?

Am I mistaken, and multiple images require an add-on or a hack?

Is there some other thing that needs to be done somewhere?

I'd really appreciate any help at all.

Multiple product images are a core feature.
What do you have for Catalog > Product Types > Show Product Additional Images?

What do you have for Catalog > Product Types > Show Product Additional Images?

It's set to "1", which is supposed to be on. I'm going to turn it off, then turn refresh the page and turn it back on.

Well, that turned off the "larger image" link at the bottom. But that link still only leads to the one photo already displayed. :(

Your site is showing /images/fashion/victoriana1.jpg as the main product image, which means that only images that start with victoriana1 will be displayed as additional images. Since the base image is in a subfolder (/images/fashion/), Zen Cart requires that additional images must have an underscore following the base name to be recognized; thus /images/fashion/victoriana1_LRG.jpg is considered an additional image.
In any case, medium and large images must be in the correct folders - in this case /images/medium/fashion/ and /images/large/fashion/.

You need to re-designate /images/fashion/victoriana.jpg as the main image in the product editing page, and put the medium and large images in the correct folders.

That link leads to victoriana1_LRG.jpg, which isn't the same as the base image (victoriana1.jpg).

Since your site doesn't seem to be that heavily customized, and your admin settings are correct, I still suspect an image naming issue.

Could you post the current additional image file names ?

Okay, here goes:

The directory is images/fashion/

Currently I have:

victoriana.jpg
victoriana1.jpg
victoriana1_LRG.jpg
victoriana_2.jpg
victoriana_2_LRG.jpg
victoriana_3.jpg
victoriana_3_LRG.jpg
victoriana_4.jpg
victoriana_4_LRG.jpg
victoriana_MED.jpg

It's kinda startin' to look like spaghetti in the folders, because I've tried so many different things. Once I have it working I plan to just delete them all and start over.

That would be OK, except your base image (the one that shows in the product listing) isn't victoriana.jpg, it's victoriana1.jpg, so all your additional images would have to be:

victoriana1_2.jpg
victoriana1_3.jpg, etc.

My suggestion would be to forget about the _MED, _LRG ight now, and get the additional images named right and displaying. Then we can worry about the 'larger image'.

OK... As I said, you have made victoriana1.jpg the main/base image, so only images starting with victoriana1 will be recognized. You need to change the base image first, in Catalog > Categories/Products >> your product editing page.

Okay, I changed my base image to victoriana.jpg
then renamed the others:
victoriana_1.jpg,
victoriana_2.jpg
victoriana_3.jpg
victoriana_4.jpg

We're making progress. I do have links now to those images, but still no thumbnails.

Your output is specifying
width="0" height="0"
for your additional images:```

<div class="additionalImages centeredContent back" style="width:25%;">
  <script language="javascript" type="text/javascript"><!--

document.write('<a href="javascript:popupWindow(\'http://yourbuttonshop.com/index.php?main_page=popup_image_additional&pID=204&pic=0&products_image_large_additional=images/fashion/victoriana_1.jpg\')"><img src="images/fashion/victoriana_1.jpg" alt="Victoriana" title=" Victoriana " width="0" height="0" /><br />larger image</a>');
//--></script>
<noscript><a href="http://yourbuttonshop.com/index.php?main_page=popup_image_additional&pID=204&pic=0&products_image_large_additional=images/fashion/victoriana_1.jpg" target="_blank"><img src="images/fashion/victoriana_1.jpg" alt="Victoriana" title=" Victoriana " width="0" height="0" /><br /><span class="imgLinkAdditional">larger image</span></a></noscript></div>

What do you have set in Configuration > Images > Product Info - Image Width?

I had it set for zero on both height and width!!! :oops:

It works now!!

If I can just keep it from exploding, I'll be okay for a while. :) :) :)

Thank you!!!!