Text only | Text with Images

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!
Text only | Text with Images