Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product description layout

Product description layout

Views: 765

Results 1 to 8 of 8
6 Mar 2011, 12:44 PM
#1
hamid84 avatar

hamid84

Zen Follower

Join Date:
Feb 2007
Location:
Walsall
Posts:
223
Plugin Contributions:
0

Product description layout

Hi,

Here is my product page. I want to have product description in well organised format e,g Odd line in plain, even line in colour.

Also the title that says " Model No ". I want that in Bold so its well visible.

What do i need to add into css?:clap:

Thanks

6 Mar 2011, 1:32 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Product description layout

Since that's just a table with text in the <td>s, I don't think there's any way to do what you want in the stylesheet. You'd have to add the styling manually in the description, or separate the description into <div>s.

6 Mar 2011, 6:09 PM
#3
hamid84 avatar

hamid84

Zen Follower

Join Date:
Feb 2007
Location:
Walsall
Posts:
223
Plugin Contributions:
0

Re: Product description layout

Thanks for reply but how can i do that? I have no idea what you have said:no: so an answer would be very much appreciated.:flex:

6 Mar 2011, 6:39 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Product description layout

For example, here's the first part of one product description:

table ><tr><td> <b>Model Number</b> </td><td>K50C-SX009V</td></tr><tr><td>Package Type</td><td>Retail</td></tr><tr><td>Warranty</td><td>2 Years</td></tr><tr><td>Display</td><td>15.6" HD (1366x768) Color-Shine (Glare-type) Asus Splendid Video Intelligent Technology</td></tr><tr><td>CPU</td><td>Intel Celeron 220 (1.2GHz)</td>

You could add the red parts to make that text bold.

You could also add these tags:

table ><tr><td>Model Number</td><td>K50C-SX009V</td></tr><tr class="odd" ><td>Package Type</td><td>Retail</td></tr><tr><td>Warranty</td><td>2 Years</td></tr><tr class="odd"><td>Display</td><td>15.6" HD (1366x768) Color-Shine (Glare-type) Asus Splendid Video Intelligent Technology</td></tr><tr><td>CPU</td><td>Intel Celeron 220 (1.2GHz)</td>

and style .odd in the stylesheet to make every other line a different color

6 Mar 2011, 7:07 PM
#5
hamid84 avatar

hamid84

Zen Follower

Join Date:
Feb 2007
Location:
Walsall
Posts:
223
Plugin Contributions:
0

Re: Product description layout

so so much thanks for reply BUT where do i add these lines? Shall i just copy the code you have suggested and paste it?

6 Mar 2011, 7:32 PM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Product description layout

It would be in the product's description in Admin - Catalog - Categories/Products. You would have to do each product separately.

It might be better to dispense with the tables and just create that part of the description as a list and add <div>s around the parts you want to style differently.

6 Mar 2011, 7:39 PM
#7
hamid84 avatar

hamid84

Zen Follower

Join Date:
Feb 2007
Location:
Walsall
Posts:
223
Plugin Contributions:
0

Re: Product description layout

Oh nooo.. That would be real pain to do one by one. :frusty:

Actually this is the data feed that's being supplied by supplier via CSV format... Any further suggestion?:ohmy:

6 Mar 2011, 8:02 PM
#8
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Product description layout

No. There's no way I can think of to style that stuff without editing one by one, unless you could manipulate the csv file somehow. Someone else may have an idea.