Zen Cart Logo
Forums / Setting Up Categories, Products, Attributes / How can I display multiple images together?

How can I display multiple images together?

Locked

Views: 1,774

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
8 Sep 2010, 8:10 PM
#1
ongat avatar

ongat

New Zenner

Join Date:
Jun 2010
Posts:
13
Plugin Contributions:
0

How can I display multiple images together?

I have a product with several attributes. When I add multiple images of the product, they are displayed below the attributes. I like the product images to be grouped together above the attributes. Is this possible?

Thanks for your help!

9 Sep 2010, 9:10 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How can I display multiple images together?

Don't add images to attributes - -
Make them additional images and you can re-order them in the file and style if necessary
https://www.zen-cart.com/tutorials/index.php?article=58

9 Sep 2010, 9:56 PM
#3
ongat avatar

ongat

New Zenner

Join Date:
Jun 2010
Posts:
13
Plugin Contributions:
0

Re: How can I display multiple images together?

That's an interesting work around. Wouldn't that mean that the attribute selections would not line up with the attribute images?
Here is how I currently have the product and attributes setup.

http://www.landscapestudio.com/shop/index.php?main_page=product_info&cPath=30_31_41_44_54&products_id=60

This works but I would like to have an additional image for the product itself if possible.

Thanks again for your recommendation and expertise.

10 Sep 2010, 2:52 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How can I display multiple images together?

I like the product images to be grouped together above the attributes.

I would like to have an additional image for the product itself if possible.
As to the first - - this is above the attribute text??

It looks as though you added the color image as a "swatch"

Would your additional image be of the item in the color?

Try adding it as the swatch image

10 Sep 2010, 2:58 AM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How can I display multiple images together?

What kobra meant by "re-order them in the file" was to edit /includes/templates/your_template/tpl_product_info_display.php and move code blocks around to the order you want them to display.

10 Sep 2010, 2:59 AM
#6
ongat avatar

ongat

New Zenner

Join Date:
Jun 2010
Posts:
13
Plugin Contributions:
0

Re: How can I display multiple images together?

I wanted to add a close up of the main product so that a visitor could see better the color of the chair itself and if they wanted to could click on the picture to enlarge it. Then below that would be the "swatches" for the fabric that they can select.

Thanks for your time!

10 Sep 2010, 3:07 AM
#7
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: How can I display multiple images together?

I wanted to add a close up of the main product so that a visitor could see better the color of the chair itself and if they wanted to could click on the picture to enlarge it. Then below that would be the "swatches" for the fabric that they can select.
An addition block of dynamic code would have to be custom written for exactly what you have described...

The are a couple of 3rd party add=ons that could be combined to get you most of the way there

One changes the main image when moused over or clicked and if memory serves me correctly
Once moused over and changed one can view larger image in the selected option

10 Sep 2010, 4:08 AM
#8
ongat avatar

ongat

New Zenner

Join Date:
Jun 2010
Posts:
13
Plugin Contributions:
0

Re: How can I display multiple images together?

Thanks for pointing that out to me. It sounds a bit more involved than I would want to pursue at this time. But at least I know where to look!

Thanks again for your help.

10 Sep 2010, 4:55 AM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: How can I display multiple images together?

Do you need the additional image to change color to match the attribute selected? Or just a closeup of the chair (clickable for larger image) below the main image and above the swatches?

If the latter, you can move the additional images code block in tpl_product_info_display.php and do a bit of styling and you'll have it.