Please help us to make AbanteCart Ideal Open Source Ecommerce Solution for everyone.

Support AbanteCart eCommerce

Author Topic: Product description  (Read 3093 times)

Offline quekbhj

  • Full Member
  • ***
  • Posts: 133
  • Karma: +4/-1
    • View Profile
Product description
« on: September 16, 2013, 10:13:01 AM »
Hi

I am using default_html5 template.

Enter the product's description and using some of the html feature such as bullets in the product page.
However, the description display on the storefront, it did not display bullets and just indented.
Please advise how to resolve this issue so that it will display bullets.


Thank you
Jasmine

Offline abolabo

  • core-developer
  • Administrator
  • Hero Member
  • *****
  • Posts: 1807
  • Karma: +258/-11
  • web for all, all for web!
    • View Profile
    • AbanteCart
Re: Product description
« Reply #1 on: September 16, 2013, 10:29:46 AM »
what browser do you use?
“No one is useless in this world who lightens the burdens of another.”
― Charles Dickens

Offline quekbhj

  • Full Member
  • ***
  • Posts: 133
  • Karma: +4/-1
    • View Profile
Re: Product description
« Reply #2 on: September 16, 2013, 10:42:14 AM »
Hi

I use IE, Firefox and Safari to test it. They show the same result (did not display the bullet).

Thank you
Jasmine

Offline abolabo

  • core-developer
  • Administrator
  • Hero Member
  • *****
  • Posts: 1807
  • Karma: +258/-11
  • web for all, all for web!
    • View Profile
    • AbanteCart
Re: Product description
« Reply #3 on: September 16, 2013, 12:17:57 PM »
cause is css-rule for all ul tags in style.css file of default_html5 template. it's overwrite your rule for list items.
you have 2 way:
1. in ckeditor click "source" button in toolbar and add attribute class="my-css-rule-for-list" for tag <ul>. Then open style.css file and add rule for this pseudo-class
Code: [Select]
ul.my-css-rule-for-list{
       list-style-type: disc !important;
}


2.  in ckeditor click "source" button in toolbar and add attribute   style="list-style-type: disc;"     for all <li> tags.
“No one is useless in this world who lightens the burdens of another.”
― Charles Dickens

Offline quekbhj

  • Full Member
  • ***
  • Posts: 133
  • Karma: +4/-1
    • View Profile
Re: Product description
« Reply #4 on: September 17, 2013, 10:13:35 AM »
Hi

Could you advise the path of the style.css that i can modify.

Thank you

Offline abolabo

  • core-developer
  • Administrator
  • Hero Member
  • *****
  • Posts: 1807
  • Karma: +258/-11
  • web for all, all for web!
    • View Profile
    • AbanteCart
Re: Product description
« Reply #5 on: September 17, 2013, 11:00:18 AM »
/public_html/storefront/view/default_html5/stylesheet/style.css
“No one is useless in this world who lightens the burdens of another.”
― Charles Dickens

Offline quekbhj

  • Full Member
  • ***
  • Posts: 133
  • Karma: +4/-1
    • View Profile
Re: Product description
« Reply #6 on: September 17, 2013, 11:19:29 AM »
Hi

I have modified the style.css (public_html/storefront/view/default_html5/stylesheet) and added attribute class="my-css-rule-for-list" for tag <ul>.
However, it still does not reflect the bullets.
Please advise.

Thank you

Offline abolabo

  • core-developer
  • Administrator
  • Hero Member
  • *****
  • Posts: 1807
  • Karma: +258/-11
  • web for all, all for web!
    • View Profile
    • AbanteCart
Re: Product description
« Reply #7 on: September 17, 2013, 05:12:00 PM »
did you cleared your browser cache? press ctrl+f5 twice to reload page
“No one is useless in this world who lightens the burdens of another.”
― Charles Dickens

Offline quekbhj

  • Full Member
  • ***
  • Posts: 133
  • Karma: +4/-1
    • View Profile
Re: Product description
« Reply #8 on: September 17, 2013, 05:27:38 PM »
I did clear the cache.

 

Powered by SMFPacks Social Login Mod