eStore – How to enter formatted product descriptions

[mshanhun]

When I put in the description into the Product info it doesn’t retain line breaks.

How can I format the product descriptions more nicely?

[http://www.digitalscrapbookinghq.com/store/]

[admin]

You can add HTML code in the product description area. So if you want to add line breaks simply use the following character where you want it:

<br />

[SharonS]

Is there a way to target p with CSS for product descriptions? I have already entered descriptions for 400+ products (all with descriptions with multiple paragraphs) and would like to separate the paragraphs with CSS. In looking at the add/edit product page > Add’l Product Details, the Description paragraphs appear to be separated.

[admin]

Yes there is a way. Please post a link to the page where you are displaying the product description and I should be able to tell you what CSS selection you should be using.

[SharonS]

Here’s one of the pages; click on one of the tabs to see the paragraphs smushed together: [http://mybellacolor.com/hair-client-products/educational-documents-2]

Thanks!

[admin]

It doesn’t look like you entered any paragraph tags in the product description at all. You need to first insert those paragraph tags in the product description area to be able to select/target them and then apply CSS to it. At the moment you have just plain text there. You can’t make paragraphs out of them unfortunately.

Edit the product description and use paragraph tags then we will be able to target it. Here is an example of what the product description should look like with paragraph:

<p>This is some description of this product.</p>

<p>This is another paragraph in this product description area.</p>

<p>Here is another paragraph to test.</p>

[SharonS]

I entered it in Excel, saved as csv and uploaded to phpMyAdmin – including the line breaks. And again, it looks like they’re there in the description….makes me think there has to be a better way than going into each of the 400+ products and entering <p> codes. Any suggestions???

[admin]

Hi, I looked at the source code on your site and there is no paragraph or line break tags in the description section. Which means when you imported it there was no HTML paragraph tags in their. Did enter the description in the CSV file like I explained in my post above?

Remember, if you just use the “Enter” key to create a line break, it won’t work in the HTML space. So lets first identify why no line break tags (<br />) or paragraph tags (<p>) are present in the description. Then you can correct the mistake. Without the HTML line break tag or paragraph tags present, it is just a blog of text and there is nothing you will be able to do to style and add breaks where you want to in the HTML space.

Once you know where things went wrong, you can delete all the data and re-import all the products but using the correct tags in the description this time.

[Author]

Posts