X-Cart forums

[EmDee]

I've recently purchased xcart5 after being a alongtime Litecommerce user. I'm struggling to find which file to edit in the xcart sofware to change the size of the font in my sidebar category menu and gift card menu. Does any know where that can be done for both of those menus?

Litecommerce seemed to have had such an easier interface to edit .css and .tpl files, thus making it so I could make little configuration changes. My host upgraded their php software, so since litecommerce isn't supported by Qualiteam anymore, I chose to upgradeto xcart5. I'm sure xcart has the same customization, but I haven't figured out how yet, and the admin control panel is limiting.

[qualiteam]

Hello!

Although LiteCommerce had a similar source code, it is not exactly the same.

In X-Cart 5 you have several ways to apply your changes to the design:
1. Use the "Custom CSS" & "Webmaster more" tabs on the Look & Feel page in the back-end
2. Enable Custom Skin module and put your changes there
3. Create a custom module and isolate your changes there

The 2nd and 3rd points assume that you know how to create modules for X-Cart 5. You can read more on this topic here: http://kb.x-cart.com/

[EmDee]

Ok, thans for the feedback. I had been reading those pages in the xcart5 knowledge base and felt a bit overwhelmed. But I guess thats what I'll have to do.

So I've created my own basic custom module and have it installed in the cart. Admin side sees my module and now I have to figure out which files to edit/modify to get the font sizes to change. Can anyone point me to the file(s) I need to make those changes?

I tried using the custom css editor and webmaster mode, but I haven't been able to locate a font call out for the side menus or fly out menu using that method.

[qualiteam]

There are two widgets that render the categories menu:
- \XLite\View\TopCategories
- \XLite\View\TopCategoriesSlidebar

I believe the one that you need is the first.

So, in your custom module, you should create a CSS file that adds your custom styles, then "decorate" the \XLite\View\TopCategories widget from your module and link it to the new CSS file via the getCSSFiles() method.

You can see an example in this article (but you should "decorate" \XLite\View\TopCategories class, not \XLite\View\AView as in the article):
http://kb.x-cart.com/display/XDD/Working+with+footer