Forums / Templates, Stylesheets, Page Layout / Aligning product description to the right of image

Aligning product description to the right of image

Locked

Started by sparklytreasures on 28 Jan 2009, 11:49 PM · Views: 2,407

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
28 Jan 2009, 11:49 PM
#1
sparklytreasures avatar

sparklytreasures

New Zenner

Join Date:
Jan 2009
Location:
Southampton, England
Posts:
9
Plugin Contributions:
0

Aligning product description to the right of image

This has been causing me much pain over the past few weeks, i have done a good search of previous posts, applied changes, removed changes etc.

I want to have the product description aligned to the right of my product images and not sitting underneath as it currently does.

I am using the darkness template, have installed lightbox, checked the css against the classic template. When i view my site in the classic template it aligns correctly, but i cant see what is different in the css files for both.

I have tried to change it in the tpl_product_info_display.php file but it doesnt change anything (so ive gone back to the original file)

Im not sure how to link to my site as its not live yet, i notice that you can input the code, but im not sure you put that into a thread without just copy and pasting it.

If anyone can show me the way i would be extremely grateful.

29 Jan 2009, 3:58 AM
#2
magicman avatar

magicman

Zen Follower

Join Date:
Oct 2007
Location:
MA, USA
Posts:
385
Plugin Contributions:
0

Re: Aligning product description to the right of image

I was able to do this with my BottlesandFoamers.com web site.

I had to turn off the right column though because the text looked too squished.

This is what you need to do. When you enter the product description you need to use the body tag html

<body> at the beginning of the description. </body> at the very end of your description.

I hope this helps.

Thank you, Sincerely, MagicMan

29 Jan 2009, 7:50 AM
#3
sparklytreasures avatar

sparklytreasures

New Zenner

Join Date:
Jan 2009
Location:
Southampton, England
Posts:
9
Plugin Contributions:
0

Re: Aligning product description to the right of image

Thankyou very much for your suggestion, but unfortuatnly it hasnt worked :(

29 Jan 2009, 10:19 AM
#4
gjh42 avatar

gjh42

Black Belt

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

Re: Aligning product description to the right of image

There should never be more than one set of <body> tags on a site page: the ones built into the code at the very beginning and end.

Does your stylesheet have a "float: left;" in the #productMainImage rule? Check this vs. the classic or template_default stylesheet. The float is what enables the text to flow around the image.

29 Jan 2009, 10:57 AM
#5
sparklytreasures avatar

sparklytreasures

New Zenner

Join Date:
Jan 2009
Location:
Southampton, England
Posts:
9
Plugin Contributions:
0

Re: Aligning product description to the right of image

Im afraid that does nothing either !

29 Jan 2009, 1:05 PM
#6
magicman avatar

magicman

Zen Follower

Join Date:
Oct 2007
Location:
MA, USA
Posts:
385
Plugin Contributions:
0

Re: Aligning product description to the right of image

OK my bad,

I removed the body tags and it did not change anything.

It was not the body tag. It was a table that I created.

<table COLS=1 WIDTH="450" > <tr> <td> Before the text

Your text

</td> </tr> </table> at the end of the text.

Try this.

Thank you, Sincerely, MagicMan

29 Jan 2009, 2:51 PM
#7
charinlasvegas avatar

charinlasvegas

Zen Follower

Join Date:
Jan 2009
Location:
Vegas Baby!
Posts:
311
Plugin Contributions:
0

Re: Aligning product description to the right of image

I was having the same problem, I finally got my description right aligned by using this mod:
http://www.zen-cart.com/index.php?main_page=product_contrib_info&cPath=40_62&products_id=672

You can then tweak the layout from there. There's a support thread for it here:
http://www.zen-cart.com/forum/showthread.php?t=69672

I'm still working on it, but you can see here that I've got the description, add to cart, etc. right aligned.

Completed: BellaFavori.com
In Progress: WeddingDivasLV.com
Coming Soon: ???

29 Jan 2009, 5:09 PM
#8
sparklytreasures avatar

sparklytreasures

New Zenner

Join Date:
Jan 2009
Location:
Southampton, England
Posts:
9
Plugin Contributions:
0

Re: Aligning product description to the right of image

Magic man, i tried it but all it did was box up my text, it didnt move it. Thankyou anyways.

29 Jan 2009, 5:11 PM
#9
sparklytreasures avatar

sparklytreasures

New Zenner

Join Date:
Jan 2009
Location:
Southampton, England
Posts:
9
Plugin Contributions:
0

Re: Aligning product description to the right of image

CharInLasVegas:

I was having the same problem, I finally got my description right aligned by using this mod:
http://www.zen-cart.com/index.php?main_page=product_contrib_info&cPath=40_62&products_id=672

You can then tweak the layout from there. There's a support thread for it here:
http://www.zen-cart.com/forum/showthread.php?t=69672

I'm still working on it, but you can see here that I've got the description, add to cart, etc. right aligned.

Thankyou, thankyou, thankyou Char, took a bit of tweeking but its now doing exactly what i wanted it to. :clap::clap:

29 Jan 2009, 6:03 PM
#10
charinlasvegas avatar

charinlasvegas

Zen Follower

Join Date:
Jan 2009
Location:
Vegas Baby!
Posts:
311
Plugin Contributions:
0

Re: Aligning product description to the right of image

Oh good :)

Completed: BellaFavori.com
In Progress: WeddingDivasLV.com
Coming Soon: ???

29 Jan 2009, 6:09 PM
#11
magicman avatar

magicman

Zen Follower

Join Date:
Oct 2007
Location:
MA, USA
Posts:
385
Plugin Contributions:
0

Re: Aligning product description to the right of image

Interesting. I have downloaded the mod and will install it later today. This will probably make my life easier as well. thanks for the contribution.

Thank you, Sincerely, MagicMan

29 Jan 2009, 10:57 PM
#12
charinlasvegas avatar

charinlasvegas

Zen Follower

Join Date:
Jan 2009
Location:
Vegas Baby!
Posts:
311
Plugin Contributions:
0

Re: Aligning product description to the right of image

It's a great mod because it's so easy to tweak. The only thing I've run into an issue with is that the qty box/add to cart button aligns horizontally with the last image when you're using additional images. I worked on it for a few hours and couldn't fix it, so I had to put my images aligned to the right standard 3 across.

It looks much nicer with the additional images in a column under the main image.

Completed: BellaFavori.com
In Progress: WeddingDivasLV.com
Coming Soon: ???