more than one image for a product

Try moving the entire #productImagesWrapper code block to above the description code, and adding float: left; to #productImagesWrapper {} in your stylesheet. I can't test all this live on your site, but I think it will work.

Hello gjh42,

Thanks for that - as usuall, worked a treat.

Much appreciated.

Kind regards,
Anthony

Can you tell me how you removed your larger image link from the additional images? I was able to remove it from my main image but can't figure it out on the additional images :(

thanks in advance :smile:

Edit /includes/languages/your_template/english.php:

define('TEXT_CLICK_TO_ENLARGE', 'larger image');

Change 'larger image' to '' (two single quotes).

Ok, I am having the same problems as the OP and my head is spinning as I checked the tutorial and the boards and STILL cant figure out what it all means:shocking:.
I uploaded my base img hug2.jpg through admin in the "main directory" aka "images" right?
Then I uploaded another image hug1.jpg through ftp into the "main directory" aka "images". There are two images on my server with the same base name but only one picture shows.
I am sure it is something simple I am missing, maybe it is best to try again tomorrow!!!:frusty:

gjh42, it's perfect now thanks!! :smile:

Peggy, your main image isn't supposed to have a number after it. Your main image should be hug.jpg and then any images named hug#.jpg will show up as additional images.

When you loaded the first image, the product image base name was hug2.jpg. When you loaded the second image, the product image base name became hug1.jpg and hug2.jpg became unrelated to the product.

You need to call one of them hug.jpg and the other hug1.jpg or whatever. Load hug.jpg as usual and then ftp hug1.jpg to your serrver /images/ folder, or else load hug1.jpg through the product entry page as usual and then load hug.jpg the same way.

Hug.jpg will become the main product image and hug1.jpg will become an additional image for the product.

julieoolie:

gjh42, it's perfect now thanks!! :smile:

Peggy, your main image isn't supposed to have a number after it. Your main image should be hug.jpg and then any images named hug#.jpg will show up as additional images.

Well Thanks for that Julie...still not sorted yet though.
The image shows up in the Image Handler but wont show up on the page:censored:

gjh42:

When you loaded the first image, the product image base name was hug2.jpg. When you loaded the second image, the product image base name became hug1.jpg and hug2.jpg became unrelated to the product.

You need to call one of them hug.jpg and the other hug1.jpg or whatever. Load hug.jpg as usual and then ftp hug1.jpg to your serrver /images/ folder, or else load hug1.jpg through the product entry page as usual and then load hug.jpg the same way.

Hug.jpg will become the main product image and hug1.jpg will become an additional image for the product.
Yes thanks
Ive already done that...aint working yet though and Ive cleared my cache

I really have no clue why my second image wont show up.. I have been trying to fix it ALLLL day. I believe I am doing it correctly. I am going to uninstall image handler and see if that makes any difference.

gjh42:

/images/ is the "main directory" for product images. That is where the small (thumbnail) images go. These are the root images that tell a product what other images belong to it. Load these in admin.

Large images go in /images/large/ and medium images go in /images/medium/.

Additional image thumbnails go in /images/ and large additional images go in /images/large/.

All of these are uploaded by ftp.

What is the point of the other folders like images/dvd or images/soft toys like I have created, if you need to put the "root" image in the "main directory" and more images of the same product needs to go into the same directory as the 'root" image.

I have created a directory "soft toys" and put hug.jpg in it and uploaded hug1.jpg via ftp to the same "soft toys" folder and now NO IMAGES show up!

First, get rid of the space in the folder name - /soft-toys/ or /soft_toys/, not /soft toys/. Some server operating systems don't like that kind of space.

Did you use the product entry page to put hug.jpg in /images/soft toys/? When you go back to that page, do you see the correct filepath specified?

If you do put the main image in a subdirectory correctly, the additional images in the same subdirectory will work.

gjh42:

First, get rid of the space in the folder name - /soft-toys/ or /soft_toys/, not /soft toys/. Some server operating systems don't like that kind of space.

Did you use the product entry page to put hug.jpg in /images/soft toys/? When you go back to that page, do you see the correct filepath specified?

If you do put the main image in a subdirectory correctly, the additional images in the same subdirectory will work.
This is about to make me go nuts or curse or something...&*^%**())
I got rid of the spaces (thanks) Yes I used the product entry page..the filepath says soft_toys/hug.jpg.
I reinstalled image handler ("removing it" never removed it anyhow) and the heading says "base directory: soft_toys and both the pics are there hug.jpg and hug1.jpg.
I have to say that a lot of the icons in my admin are "incomplete" or distorted but they were before I added lightbox and image handler..Do you think I have a gremlin?:yuck:

peggy:

This is about to make me go nuts or curse or something...&*^%**())
I got rid of the spaces (thanks) Yes I used the product entry page..the filepath says soft_toys/hug.jpg.
I reinstalled image handler ("removing it" never removed it anyhow) and the heading says "base directory: soft_toys and both the pics are there hug.jpg and hug1.jpg.
I have to say that a lot of the icons in my admin are "incomplete" or distorted but they were before I added lightbox and image handler..Do you think I have a gremlin?:yuck:

How are you uploading images and before adding Lightbox/IH how did you upload?
Distorted & incomplete images mean that the image files are bad.
If you are using a FTP program be sure to select "Binary" when uploading image files.

This is how I name my image files.
hug.jpg
hug_01.jpg
hug_02.jpg
hug_03.jpg

Another thing, by default additional images are turned on but did you check to be sure it is?
Admin--> Configuration-->Images

M

tophand:

How are you uploading images and before adding Lightbox/IH how did you upload?
Distorted & incomplete images mean that the image files are bad.
If you are using a FTP program be sure to select "Binary" when uploading image files.

This is how I name my image files.
hug.jpg
hug_01.jpg
hug_02.jpg
hug_03.jpg

Another thing, by default additional images are turned on but did you check to be sure it is?
Admin--> Configuration-->Images

M
I didnt upload ANY images before Lightbox and IH
I uploaded the base image hug.jpg first through admin then added the next pic hug1.jpg via ftp.
Not sure how to select "binary" with fireftp?
Thanks for the heads up on naming the image files.
Ill check if "additional images" are turned on
Thanks

peggy:

I have to say that a lot of the icons in my admin are "incomplete" or distorted but they were before I added lightbox and image handler..Do you think I have a gremlin?:yuck:

How did you upload Zen-cart and its images?

Ok, I installed FireFtp.
With FireFtp open, on the bottom of the window, in the center it says either "Binary" or "ASCII". To change, on the right side near the top click "Tools"-->Options. From the pop-up, click the tab "Downloads/Uploads" and make the change.
Images files need to be transfer using "Binary"
You can select "Automatic Mode" but a FTP program that that tries to auto detect ASCII or binary files will screw it up sometimes.

You can add the main product and additional images using Image Handler.
Using IH to add additional images will cause IH to auto rename the images to the correct naming format.

M

I seem to recall reading that if using image subdirectories, it is mandatory to use an underscore to distinguish additional filenames from the base, e.g. hug.jpg and hug_1.jpg. Not sure where that was except in a post by Ajeh I think...

If using the main /image/ directory you don't have to use the _.

tophand:

How did you upload Zen-cart and its images?

Ok, I installed FireFtp.
With FireFtp open, on the bottom of the window, in the center it says either "Binary" or "ASCII". To change, on the right side near the top click "Tools"-->Options. From the pop-up, click the tab "Downloads/Uploads" and make the change.
Images files need to be transfer using "Binary"
You can select "Automatic Mode" but a FTP program that that tries to auto detect ASCII or binary files will screw it up sometimes.

You can add the main product and additional images using Image Handler.
Using IH to add additional images will cause IH to auto rename the images to the correct naming format.

M
Thank you for your efforts:smile:
I uploaded zencart and it's images via fireftp. I have the UK files of zencart which were uploaded to my server before it was installed .
I checked the settings on file ftp and it is in binary mode.
Do I/ should I have uploaded non image files in ASCII mode or can they go binary too?
I have added images through IH and also through admin and ftp and niether works:(

The files are there but they don' show on the page

gjh42:

I seem to recall reading that if using image subdirectories, it is mandatory to use an underscore to distinguish additional filenames from the base, e.g. hug.jpg and hug_1.jpg. Not sure where that was except in a post by Ajeh I think...

If using the main /image/ directory you don't have to use the _.

Wow....................
That worked...what a nightmare though. Thanks to everyone who helped me. I think I have now stopped hyperventilating :wacko:

I had no trouble adding my additional images, but I want to move them closer to the main image--there is too much space between the 2nd & 3rd image, and the 3rd image is behind the "add to cart" image when viewing in Safari. I followed some of the info in the thread of what to put into the stylesheet, and it worked for the 2nd image, but not the third. It looks like somehow the 3rd image is in a column that I can't move. When I look at the page source from the browser, it refers to a table, but I don't know where to change that. I used my dev tools searching for some of the code, but it didn't find it. Another problem is I can't get the link for "larger image" to move under the additional images. Here is my link:

http://www.tracibunkers.com/zen/index.php?main_page=product_info&cPath=72_74&products_id=195

It looks much worse in safari than in Firefox.

Also, can I get rid of the dotted line between the 2nd & 3rd image, but still have it be there on the home page when looking at categories?

Thanks in advance for any help!