X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Category Menu, Fancy Categories (https://forum.x-cart.com/showthread.php?t=49810)

Chad_Austin 09-21-2009 02:32 PM
Category Menu, Fancy Categories
 
Hi Gurus

Within my "Categories" Menu (which, if it makes an difference, has 'fancy categories' installed) I want to change the CSS so i can get the whole list to scoot to the left about 50 pixels (I think the category icon space is creating this space, this but I don't know for sure.. within the attached image, I'm referring to the red area)...

http://www.chadaustin.com/images/screenshot_category-space.jpg

Also, I want to make the (category) font smaller... I can't seem to find this within main.css either... but I've been known to overlook a trainwreck directly in front of me :).

Thanks folks,
Chad

cflsystems 09-21-2009 05:06 PM
Re: Category Menu, Fancy Categories
 
Use Firefox with Firebug - it will tell you exactly which classes and in which css file you have to change. For fancy categories I would assume they have their own css file?

Chad_Austin 09-21-2009 06:08 PM
Re: Category Menu, Fancy Categories
 
Thanks Steve... I did find it, believe it or not... I must have looked over the "Fancy cat..." main.css 20x times and missed it. And here I am certified in CSS like 3 times.

Go figure.

And that worked... and there was much rejoicing! :)

But this leads me to another question... within the Fancy Categories set-up, each category displays the number of items (in pararethesis). I want to be able to format this number to go from looking like FIG A. below to FIG B.

http://www.chadaustin.com/images/fancy_issue_screenshot.jpg:D/

I'm sure this is something where I'd have to find the the php query and format just this area but I have no idea where to find it. Any suggestions?

Thanks again Steve, and to anyone who might volunteer an answer.

Chad

cflsystems 09-21-2009 06:13 PM
Re: Category Menu, Fancy Categories
 
Don't have fancy cats but this is probably in the tpl that populates the menu - the number is under same class as the cat name. You just have to find it in the tpl and maybe surround the number in <span> with new color

Chad_Austin 09-21-2009 07:52 PM
Re: Category Menu, Fancy Categories
 
You're correct Steve... I found it within fancy_subcateogries.tpl... located by this path: skin1/modules/Fancy_Categories/Icons

Within the <span>, you can see my down and dirty "inline" solution below.

Code:
{strip}
      <a href="home.php?cat={$catid}"{if $config.Appearance.count_products eq "Y"} title="{$lng.lbl_products|escape}: {$c.product_count|default:0}{if $c.subcategory_count gt 0} {$lng.lbl_subcategories|escape}: {$c.subcategory_count}{/if}"{/if} class="{if $config.Fancy_Categories.icons_icons_in_categories gte $level+1}icon-link{/if}{if $config.Fancy_Categories.icons_disable_subcat_triangle ne 'Y' && $c.subcategory_count gt 0} sub-link{/if}{if $config.Fancy_Categories.icons_empty_category_vis eq 'Y' && !$c.childs && !$c.product_count} empty-link{/if}{if $config.Fancy_Categories.icons_nowrap_category eq 'Y'} nowrap-link{/if}">
        {if $config.Fancy_Categories.icons_icons_in_categories gte $level+1 && $c.is_icon}
          <img src="{$c.icon_url|amp}" alt="" />
        {/if}
        {$c.category|amp}
        {if $config.Fancy_Categories.icons_display_products_cnt eq 'Y' && $c.top_product_count gt 0}
          <span style="font-size: 9px; font-weight:normal; color: #82730c">({$c.top_product_count})</span>
        {/if}
      </a>
      {/strip}

Thanks for point in the right direction, Steve.. I put all this on here so hopefully somone else will benefit from my ignorance. :)

Chad

cflsystems 09-21-2009 08:07 PM
Re: Category Menu, Fancy Categories
 
I would make the style a class in the css and have <span class=""> as it will be used many times for the menu

Chad_Austin 09-22-2009 06:23 AM
Re: Category Menu, Fancy Categories
 
Yes, you are correct. I will do just that! Thanks-
C


All times are GMT -8. The time now is 06:04 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.