Product image on right side

3 Nov 2006, 5:52 PM

#1

Zen Follower

Join Date:: Aug 2006
Posts:: 97
Plugin Contributions:: 0

Product image on right side

How do i move the product image to right side and move the description to the left. I have looked in stylesheet and couldn't find it. I might have missed it.

3 Nov 2006, 6:18 PM

#2

Kim

Obaa-san

Join Date:: Jun 2003
Location:: West Coast, North America
Posts:: 26,659
Plugin Contributions:: 0

Re: Product image on right side

Do you want the text to wrap around the image the way it does for the stock install?

Please do not PM for support issues: a private solution doesn't benefit the community.

Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

3 Nov 2006, 6:36 PM

#3

tom_ace

Zen Follower

Join Date:: Aug 2006
Posts:: 97
Plugin Contributions:: 0

Re: Product image on right side

Kim:

Do you want the text to wrap around the image the way it does for the stock install?

Uh, I dont want the text to be wrap around in product image. Just want the product image and product description to switch sides.

3 Nov 2006, 6:54 PM

#4

tom_ace

Zen Follower

Join Date:: Aug 2006
Posts:: 97
Plugin Contributions:: 0

Re: Product image on right side

Sorry if this was confuse, I dont mean the product in sidebox. I mean them by in lists.

3 Nov 2006, 8:02 PM

#5

tom_ace

Zen Follower

Join Date:: Aug 2006
Posts:: 97
Plugin Contributions:: 0

Re: Product image on right side

Sorry for thrith post, I could not find the edit button.

Here the link. Click me

As you can see the product image is position on left side which i wanted it to be on the right side so i can have the description look clean on left side.

3 Nov 2006, 8:19 PM

#6

clydejones

Deceased

Join Date:: Nov 2005
Location:: Colorado Springs, CO USA
Posts:: 7,017
Plugin Contributions:: 12

Re: Product image on right side

You appear to be using the classic template so I'll gear the following to that folder.

in includes -> templates -> template_default -> templates

open tpl_modules_main_product_image.php

find the following line of code:

<div id="productMainImage" class="centeredContent back">

change the highlighted text to forward.

Save the changed file to includes -> templates -> classic -> templates and upload it to your server

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

3 Nov 2006, 8:29 PM

#7

tom_ace

Zen Follower

Join Date:: Aug 2006
Posts:: 97
Plugin Contributions:: 0

Re: Product image on right side

Thanks, That worked!

Yeah i am using default template, Just got this builded last night and got alots of thing to customize.

I have 1 more request to ask, I also wanted the products image on list to be seperate, As you can see they are touch eachother in the lists.

Click me

3 Nov 2006, 8:43 PM

#8

clydejones

Deceased

Join Date:: Nov 2005
Location:: Colorado Springs, CO USA
Posts:: 7,017
Plugin Contributions:: 12

Re: Product image on right side

try adding the following to your stylesheet.css

.productListing-even {padding-bottom:3px;}
.productListing-odd {padding-bottom:3px;}

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

3 Nov 2006, 8:53 PM

#9

tom_ace

Zen Follower

Join Date:: Aug 2006
Posts:: 97
Plugin Contributions:: 0

Re: Product image on right side

At what section? Do i just add them at bottom of the page?

3 Nov 2006, 8:56 PM

#10

clydejones

Deceased

Join Date:: Nov 2005
Location:: Colorado Springs, CO USA
Posts:: 7,017
Plugin Contributions:: 12

Re: Product image on right side

Yep, just put them at the bottom

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

3 Nov 2006, 9:01 PM

#11

tom_ace

Zen Follower

Join Date:: Aug 2006
Posts:: 97
Plugin Contributions:: 0

Re: Product image on right side

That doesn't work....:(

4 Nov 2006, 12:59 AM

#12

clydejones

Deceased

Join Date:: Nov 2005
Location:: Colorado Springs, CO USA
Posts:: 7,017
Plugin Contributions:: 12

Re: Product image on right side

OK, try this and see if it does the trick

.productListing-odd .productListing-data{padding-bottom:2px;}
.productListing-even .productListing-data{padding-bottom:2px;}

NOTE: We are sorry that Clyde is no longer with us.
We are grateful for all his contributions to the Zen Cart community.

15 Nov 2006, 4:49 PM

#13

yaby

New Zenner

Join Date:: Nov 2005
Posts:: 60
Plugin Contributions:: 0

Re: Product image on right side

is there a simple solution like that if i didn't want the description text to wrap under the image?

15 Nov 2006, 11:17 PM

#14

yaby

New Zenner

Join Date:: Nov 2005
Posts:: 60
Plugin Contributions:: 0

Re: Product image on right side

oh i found it~ i made it float on the left instead..