Author Topic: How to: Change display of Category block on home page  (Read 6949 times)

Offline kwong

  • Newbie
  • *
  • Posts: 23
  • Karma: +1/-0
    • View Profile
How to: Change display of Category block on home page
« on: March 31, 2014, 06:01:34 AM »
Hello,

By default, html5 template displays the category block as Icons. I would like to change it to display the contents as a list.

How can I change that?

Thanks,
Kwong

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4358
  • Karma: +298/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: How to: Change display of Category block on home page
« Reply #1 on: March 31, 2014, 09:44:47 AM »
Do you mean horizontal category menu?
You would need to change HTML and CSS for this block.
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline kwong

  • Newbie
  • *
  • Posts: 23
  • Karma: +1/-0
    • View Profile
Re: How to: Change display of Category block on home page
« Reply #2 on: March 31, 2014, 03:18:19 PM »
Do you mean horizontal category menu?
You would need to change HTML and CSS for this block.

Hello,

Such honor to have you reply :)

Yes I meant the horizontal category menu.

Which HTML and CSS file do I need to edit and what are their root locations?

If possible, please also include what exactly do I need to edit.

Thanks,
Kwong

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4358
  • Karma: +298/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: How to: Change display of Category block on home page
« Reply #3 on: March 31, 2014, 05:06:07 PM »
Well, will not be able to tell you what exactly to do.  You have very generic question. Probably you need a frontend developer to edit code if you do not know how to do that.

HTML template file is in here:
https://github.com/abantecart/abantecart-src/blob/master/public_html/storefront/view/default_html5/template/blocks/category_top.tpl

CSS is here:
https://github.com/abantecart/abantecart-src/blob/master/public_html/storefront/view/default_html5/stylesheet/style.css
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline kwong

  • Newbie
  • *
  • Posts: 23
  • Karma: +1/-0
    • View Profile
Re: How to: Change display of Category block on home page
« Reply #4 on: March 31, 2014, 05:13:18 PM »
Thank you so much. I think I know what to do now. Thanks for your help!

 

Powered by SMFPacks Social Login Mod