Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How to add bullet points to the product description?

How to add bullet points to the product description?

Locked

Views: 4,969

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
13 Sep 2008, 3:58 PM
#1
musicfreer avatar

musicfreer

Zen Follower

Join Date:
Jul 2008
Posts:
155
Plugin Contributions:
0

How to add bullet points to the product description?

I prefer to use plain text for the product description. Is there any other way to format the description to be bulleted? CSS?

Also, occasionally I will have HTML codes for certain products' descriptions to add a youtube video. Will the formatting affect the HTML codes or vice versa? Please take this in consideration for the formatting

Thanks a lot!

13 Sep 2008, 4:22 PM
#2
s_t_e_v_e avatar

s_t_e_v_e

Zen Follower

Join Date:
Aug 2006
Location:
UK
Posts:
430
Plugin Contributions:
0

Re: How to add bullet points to the product description?

You can put html into your product listings... a bulleted list would be an "unordered list" and I suggest adding an class tag so the list can by styled in CSS if need be. eg;

<ul class="productinfoList"> <li>item one</li> <li>item two</li> </ul>

if you have any formatting problems that you can't figure out, post the url to your site and someone will offer a suggestion.

13 Sep 2008, 4:51 PM
#3
musicfreer avatar

musicfreer

Zen Follower

Join Date:
Jul 2008
Posts:
155
Plugin Contributions:
0

Re: How to add bullet points to the product description?

s_t_e_v_e:

You can put html into your product listings... a bulleted list would be an "unordered list" and I suggest adding an class tag so the list can by styled in CSS if need be. eg;

<ul class="productinfoList"> <li>item one</li> <li>item two</li> </ul>

if you have any formatting problems that you can't figure out, post the url to your site and someone will offer a suggestion.

Thanks for your reply.

Do you mean using HTML codes in the descriptions. Yes that was what I wanted to do. But later I think that using plain text will be better for future upgrade or platform changing. Is there any other way to achieve this other than using HTML at the product description?

thanks
my site: https://www.locomolife.com/store

13 Sep 2008, 5:14 PM
#4
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,805
Plugin Contributions:
15

Re: How to add bullet points to the product description?

Product descriptions are placed in the database and pose no problem when updating.

Since the PHP is converted to html as well, there's no html problem either.

You WILL get strange results if you try to add PHP to a product description.

13 Sep 2008, 5:38 PM
#5
musicfreer avatar

musicfreer

Zen Follower

Join Date:
Jul 2008
Posts:
155
Plugin Contributions:
0

Re: How to add bullet points to the product description?

dbltoe:

Product descriptions are placed in the database and pose no problem when updating.

Since the PHP is converted to html as well, there's no html problem either.

You WILL get strange results if you try to add PHP to a product description.

so I can't edit say, the stylesheet to control the product description to be bulleted?

I prefer to input plain text as I never know if I will change to other shopping cart in the future. So I would prefer to use clean text whenever possible

thanks

13 Sep 2008, 5:50 PM
#6
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,805
Plugin Contributions:
15

Re: How to add bullet points to the product description?

don't mix apples and horseshoes:wink:

The classes that s t e v e talked about will be controlled by the stylesheet which should be in a "custom" or "override" directory.

The html code would go in the database.

Upgrades don't mess with product descriptions in the database nor do they mess with items in a custom/override directory.

13 Sep 2008, 6:33 PM
#7
musicfreer avatar

musicfreer

Zen Follower

Join Date:
Jul 2008
Posts:
155
Plugin Contributions:
0

Re: How to add bullet points to the product description?

dbltoe:

don't mix apples and horseshoes:wink:

The classes that s t e v e talked about will be controlled by the stylesheet which should be in a "custom" or "override" directory.

The html code would go in the database.

Upgrades don't mess with product descriptions in the database nor do they mess with items in a custom/override directory.

sorry I am a little dumbed at this.

Do you mean I can control it by altering the stylesheet?
can you be a little more detailed?

Is that first I add the class in the stylesheet, then I call the class to the product description by HTML?

13 Sep 2008, 7:08 PM
#8
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,805
Plugin Contributions:
15

Re: How to add bullet points to the product description?

The first priority is to get your product descriptions in place.
using s t e v e's > <ul class="productinfoList">

<li>item one</li> <li>item two</li> </ul> will work fine even without anything in the stylesheet.

Once you've got a few categories and products set up, you can start "adjusting" the site by creating the override system and then "tweaking" the look with the stylesheet.
Later, take the time to click on the Tutorials/FAQ link at the top of the page. There's a group called Article Categories that has lots of good info. https://www.zen-cart.com/tutorials/index.php?category=16 is a good place to go as well.

13 Sep 2008, 7:08 PM
#9
Kim avatar

Kim

Obaa-san

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

Re: How to add bullet points to the product description?

Perhaps using Google to search for unordered lists will give you more ideas -

But to answer your original question - to have a bulleted list, you have to use the html for an unordered list.

13 Sep 2008, 7:24 PM
#10
musicfreer avatar

musicfreer

Zen Follower

Join Date:
Jul 2008
Posts:
155
Plugin Contributions:
0

Re: How to add bullet points to the product description?

dbltoe:

The first priority is to get your product descriptions in place.
using s t e v e's will work fine even without anything in the stylesheet.
Once you've got a few categories and products set up, you can start "adjusting" the site by creating the override system and then "tweaking" the look with the stylesheet.
Later, take the time to click on the Tutorials/FAQ link at the top of the page. There's a group called Article Categories that has lots of good info. https://www.zen-cart.com/tutorials/index.php?category=16 is a good place to go as well.
Thanks
actually I knew how to code the descriptions to be bulleted and that was what I am doing.

But then I think that it maybe better to keep the description as clean as possible, without any HTML code, so that I can use the clean description to other platforms in case I need to do so in the future.

Do people usually use clean text? or they will code their description also?

thanks!

13 Sep 2008, 7:34 PM
#11
gjh42 avatar

gjh42

Black Belt

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

Re: How to add bullet points to the product description?

HTML <ul> code is universal - any platform that allows you to use formatting in the description will understand it correctly. (And why would you even consider switching to a platform that didn't?)

Anyone who wants any formatting at all in their description has to use HTML in the description, either directly or by having an editor program do it for them.

14 Sep 2008, 5:53 AM
#12
musicfreer avatar

musicfreer

Zen Follower

Join Date:
Jul 2008
Posts:
155
Plugin Contributions:
0

Re: How to add bullet points to the product description?

gjh42:

HTML <ul> code is universal - any platform that allows you to use formatting in the description will understand it correctly. (And why would you even consider switching to a platform that didn't?)

Anyone who wants any formatting at all in their description has to use HTML in the description, either directly or by having an editor program do it for them.

Thanks for your reply. Now I am totally worry-free to use html