Forums / Templates, Stylesheets, Page Layout / change product description text layout

change product description text layout

Locked

Views: 1,174

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
14 May 2010, 11:32 AM
#1
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

change product description text layout

Hi, I know how to move the description around by moving its block of code, but what I can't do is change the actual alignment. I want it to remain wrapped around the main product image as it is, but with the image on the right instead of the left, how can I do this?

my site is; http://www.thegreatgiftshop.co.uk/zencart/index.php?main_page=product_info&cPath=71_77&products_id=565

14 May 2010, 1:23 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: change product description text layout

Sushigal:

Hi, I know how to move the description around by moving its block of code, but what I can't do is change the actual alignment. I want it to remain wrapped around the main product image as it is, but with the image on the right instead of the left, how can I do this?

my site is; http://www.thegreatgiftshop.co.uk/zencart/index.php?main_page=product_info&cPath=71_77&products_id=565

Su,
There is a way to achieve this:

  1. includes/ templates/ classic/ css/ stylesheet.css
  2. find this: #productMainImage
  3. Notice you have clusters of other Div ID with this
  4. Separate it out by itself and add float:right;
  5. #productMainImage {margin:0 1em 1em 0; float:right;}
    Take time and notice the highlight red font above classic
    Read about the override system in the Tutorials/FAQ

Nice site, clean and sleek... :)

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

14 May 2010, 1:57 PM
#3
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Re: change product description text layout

Fantastic! It worked. Thank you very much :clap:

14 May 2010, 1:58 PM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: change product description text layout

Your Welcome... :smile:

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

14 May 2010, 2:44 PM
#5
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Re: change product description text layout

I've been waiting all day for a reply on this and no ones answered yet, maybe you could help? as you can see; http://www.thegreatgiftshop.co.uk/zencart/index.php?main_page=product_info&cPath=71_77&products_id=565

the attribute images are one on top of the other but I need them to be next to eachother on the same row. I have checked and attribute images per row is set to 5 for the particular option name so I dont know what else to to do now to achieve this. :huh:

14 May 2010, 3:47 PM
#7
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Re: change product description text layout

ah, yes thanks, making progress just need to sort layout of them now

14 May 2010, 3:54 PM
#8
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: change product description text layout

Su,
Edit the stylesheet.css

Change this:
.back {
float:left;}

To this:
.back {
}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

14 May 2010, 4:12 PM
#9
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Re: change product description text layout

where abouts is that on the stylesheet im going mad trying to find it?!

14 May 2010, 4:16 PM
#10
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: change product description text layout

Line 643

there should be a edit button on the top of the program you use to edit the stylesheet.css

  1. click find: .back

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

14 May 2010, 4:36 PM
#11
sushigal avatar

sushigal

Zen Follower

Join Date:
Mar 2009
Posts:
435
Plugin Contributions:
0

Re: change product description text layout

ok done thank you! its put the images next to eachother but now the option names are above their dropdowns and I wanted them level with their atribute values text field or dropdown as they were before, how can i fix this now?