How to put more than one photo on a product

I want to know how to have more than one photo for each product listing please.

Try the FAQ/tutorials... multiple images.

Thankyou but I don't understand all of that. I am not worried about different sizes of the same image. I run all of my photos through photoshop then insert them into each listing as I make it.
I want to be able to have say a front, back and side view of the one product in the one listing. When I make my product listing there is only space to insert one photo. How do I add more in? Can someone tell me in simple terms please?
I have already activated all multiple images and this didn't do anything.
Thanks Kylie

Hi Kylie,

Basically all you need do is ftp your extra images to the same folder as the original image (that you added when creating your product listing), using image names that contain the original image name.

For example:

If your original image name (in your product listing) was dress0123.jpg

you could ftp the following to the same directory that you saved dress0123.jpg in when you created your product listing

dress1023_1.jpg
dress0123_2.jpg
dress0123_3.jpg

and they would show up when you viewed the item in product info

This is exactly what Glenn showed you, if you still do not understand please reply with what part is troubling you and I will try to explain further...

Thankyou for your help. I will go and try it. I see now that the original answer was the same too but I read it wrongly.
I run all of my photos as dress 1,2,3,4,5 etc
then doll 1,2,3,4,etc
but they are for separate items not the same one. That's where I got confused. I just add the _1, _2 _3 etc to each photo instead and send it up.
Will let you know how it goes.

Ok I have tried it and nothing worked.
I have been and checked where my photos are.
/public_html/zencart/images - They are in this folder all of my pics are.
I called my photos elmoset_1.jpg, elmoset_2.jpg and elmoset_3.jpg
_1 is the one that I loaded with my product info. I sent the other 2 up to this file. have just checked and all 3 are together in this file but when I look at my website only the first pic is showing.

http://sandkembroidery.com/zencart/index.php?main_page=product_info&cPath=34&products_id=1136

Here is the item.

Have I done something wrong. Do you know how to fix it please?
Thanks Kylie

You are naming the images incorrectly.

The main image should be named elmoset.jpg
Second image should be elmoset_01.jpg
Third image, elmoset_02.jpg

Ok all fixed. Thankyou so much for your help.
Now for one last question. At the moment the pics are right at the bottom. Can they be moved to be up the top with the other photo?

Find the file tpl_product_info_display.php and find this snippet of code:

<!--bof Additional Product Images -->
<?php
/**
 * display the products additional images
 */
  require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
<!--eof Additional Product Images -->

And move it up to just below this:

<!--bof Main Product Image -->
<?php
  if (zen_not_null($products_image)) {
  ?>
<?php
/**
 * display the main product image
 */
   require($template->get_template_dir('/tpl_modules_main_product_image.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_main_product_image.php'); ?>
<?php
  }
?>
<!--eof Main Product Image-->

i have done exacty this but its still not working

https://www.me-jewellers.com/images/BR125.jpg

and https://www.me-jewellers.com/images/BR125_01.jpg

both work but doesnt show up on item page.
http://me-jewellers.com/index.php?main_page=product_info&products_id=640
:wacko:

The main image displaying on your site is BR125_01.jpg.
This should be the name of your additional image.

How did you load these two images? If you loaded them through the admin product entry page, the last image loaded will be treated as the main image. If this has the _01 suffix, Zen Cart will look for files that have something more added to that and will not recognize BR125.jpg as belonging to that product.

You can load them all through the product page, but you must load the base/main image last.

cheers 4 ur reply but ive uploaded the br125.jpg again through the admin and i still dont get the other image come up, why is this, is there any settings i need 2 activate or anything?

There is a setting to activate additional images in admin. It should be on by default, but yours might have gotten turned off.
Catalog > Product Types > Product-General > edit layout > Show Product Additional Images

ye thats activated still no luck :( im gonna cry soon

Hi, would I be right in saying that your site is a template monster template?

Their templates do appear to have a few issues, of which this may be one.

Take a look in catalog\includes\templates\yourtemplate\templates\tpl_product_info_display.php and see if the following block exists. (I can see the place markers in the source code but that doesn't gaurantee their is anything between them)

<!--bof Additional Product Images -->
<?php
/**
 * display the products additional images
 */
  require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
<!--eof Additional Product Images -->

Good call! I bet it is something TM has messed up.

RuFuS:

Hi, would I be right in saying that your site is a template monster template?

Their templates do appear to have a few issues, of which this may be one.

Take a look in catalog\includes\templates\yourtemplate\templates\tpl_product_info_display.php and see if the following block exists. (I can see the place markers in the source code but that doesn't gaurantee their is anything between them)

OK, I was reading and i got my page to show multiple images. But now the base image is on the left and the additional image is in the center. How do i get that additional image out of the center and next to the base image on the left? I check some of the codes on other pages but I dont see anything that would center that image. please help. thx

Ill put a link up to see what its showing. For some reason the pictures are scattered all over and not in like a good single location.

http://www.theoxicore.com/index.php?main_page=product_info&cPath=3&products_id=3

You just need to use css to style them the way you want to.

For example, if you wanted to move them under the main image you could do something like:

#productAdditionalImages {
clear:both;
}

RuFuS:

Take a look in catalog\includes\templates\yourtemplate\templates\tpl_product_info_display.php and see if the following block exists. (I can see the place markers in the source code but that doesn't gaurantee their is anything between them)

 
Hi,
I'm having same trouble, and my tp monster section is exactly how you have shown here. Which part is the block (newbie) and is your example with the block or is it correct to show additional images?
Thanks! :)