Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Modify Product Info with Multiple Photos

Modify Product Info with Multiple Photos

Locked

Views: 1,906

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
11 Aug 2006, 11:39 PM
#1
fantasygoat avatar

fantasygoat

New Zenner

Join Date:
Apr 2006
Posts:
10
Plugin Contributions:
0

Modify Product Info with Multiple Photos

I know how this works by default, but take a look at my layout right now:

http://store.popfuel.com/index.php?main_page=product_info&cPath=16&products_id=5

What I want is to put the second photo right beside the first one on the right.

I've spent a couple of hours figuring out variables in PHP and going down the 2 different levels of TPL files.

If I have to hard code the layout, fine. I don't care. There will never be less than 2 pictures and never more than 2 pictures.

Any help?

Also, I want to put the attribute dropdowns beside the price - that one is probably easier.

Thanks...

12 Aug 2006, 5:38 AM
#2
kobra avatar

kobra

Black Belt

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

Re: Modify Product Info with Multiple Photos

Unless you resize something there is currently no additional room for another image next to the one there.

12 Aug 2006, 12:37 PM
#3
fantasygoat avatar

fantasygoat

New Zenner

Join Date:
Apr 2006
Posts:
10
Plugin Contributions:
0

Re: Modify Product Info with Multiple Photos

Of course there's room, you just have to make the text block smaller. That wasn't my question.

Looking at the code, it would seem like the additional images CSS tags are pulled from a database somewhere instead of from the stylesheets. Modifying the main 00 stylesheet entries for additional images has no effect.

Can anyone point out where I can control that image's placement?

13 Aug 2006, 4:50 AM
#4
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
177

Re: Modify Product Info with Multiple Photos

Why don't you just edit the tpl_product_info_display.php and move this section:```html

<!--bof Additional Product Images --> <div id="productAdditionalImages"> ................. </div> <!--eof Additional Product Images --> ```beside this section:```html <!--bof Main Product Image --> <div id="productMainImage" class="centeredContent back"> ............... </div> <!--eof Main Product Image-->

And probably remove the ```
class="centeredContent back"