AbanteCart Community

Shopping Cart Operations => Tips and Tricks => Topic started by: kwong on March 31, 2014, 06:01:34 AM

Title: How to: Change display of Category block on home page
Post by: kwong 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

Title: Re: How to: Change display of Category block on home page
Post by: abantecart 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.

Title: Re: How to: Change display of Category block on home page
Post by: kwong on March 31, 2014, 03:18:19 PM

Quote from: abantecart 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.

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

Title: Re: How to: Change display of Category block on home page
Post by: abantecart 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

Title: Re: How to: Change display of Category block on home page
Post by: kwong on March 31, 2014, 05:13:18 PM

Thank you so much. I think I know what to do now. Thanks for your help!