Highlight current menu item
Hello!
How do I make the menu to highlight the category where I▓m currently in (underline, bold)? |
Re: Highlight current menu item
You should modify the "skin/common_files/customer/categories.tpl" template and add {if $c.categoryid eq $cat}style="font-style: bold;"{/if} condition into the category rendering loop.
|
Re: Highlight current menu item
You can also replace $cat with $current_category.categoryid if $cat happens to not be available on the page you are on. It may be a more consistent variable.
|
Re: Highlight current menu item
Quote:
Thank you Alex! But where is that 'category rendering loop'? My code looks like that: Code:
|
Re: Highlight current menu item
As Cherie says...
Code:
|
Re: Highlight current menu item
Close!
Code:
{if $current_category.categoryid eq $c.categoryid} |
Re: Highlight current menu item
Went nuts with these templates!
1. The template path is not ⌠skin/common_files/customer/categories.tpl■ but ⌠skin/common_files/modules/Flyout_Menus/Icons/■ as far as I use Flyout Menus module. 2. I almost got mad trying to figure out why all changes were not displayed on the website. The answer was simple √ I had to clean cash with /cleanup.php. 3. Had to modify the code to Code:
So now the whole <li> block looks like this: Code:
4. ⌠font-style■ didn▓t work out for "underline" so I changed it to ⌠text-decoration■. And finally it works! Thank you guys very much for help! |
Re: Highlight current menu item
Fantastic! Thank you!
|
Re: Highlight current menu item
Anyone know how to do this with 4.1.11? I tried this stuff to no avail. Good info though. Thx
|
Re: Highlight current menu item
Quote:
Thanks this works great. Is it possible to keep the parent category highlighted when a user clicks on a sub-category? |
Re: Highlight current menu item
Hello,
A big thanks to Wazowski I have Xcart 455 In: /skin/common_files/modules/Flyout_Menus/Icons/fancy_subcategories_exp.tpl I replaced <li> block with this code (I just changed the color) and it works great with flyout and option tree like expanding and show category triangles...and Clear templates/X-Cart cache <li id="cat-layer-{$c.categoryid}"{interline name=$loop_name additional_class=$additional_class}> {strip} {if $config.Flyout_Menus.icons_disable_subcat_triangle eq 'Y' and $c.subcategory_count gt 0} <a href="home.php?cat={$catid}" class="arrow" onclick="javascript: return switchSubcatLayer(this);"></a> {/if} <!-- current category highlight --> {if $current_category.categoryid eq $c.categoryid} <a href="home.php?cat={$catid}" style="background-color: #c6d6f4;"> {else} <!-- /current category highlight --> <a href="home.php?cat={$catid}" class="{if $config.Flyout_Menus.icons_icons_in_categories gte $level+1}icon-link{/if}{if $config.Flyout_Menus.icons_disable_subcat_triangle eq 'Y' and $c.subcategory_count gt 0} sub-link{/if}{if $config.Flyout_Menus.icons_empty_category_vis eq 'Y' and not $c.childs and not $c.product_count} empty-link{/if}{if $config.Flyout_Menus.icons_nowrap_category ne 'Y'} nowrap-link{/if}"> {/if} {$c.category|amp} {if $config.Flyout_Menus.icons_display_products_cnt eq 'Y' and $c.top_product_count gt 0} ({$c.top_product_count}) {/if} </a> {/strip} {if $c.childs and $c.subcategory_count gt 0 and ($config.Flyout_Menus.icons_levels_limit eq 0 or $config.Flyout_Menus.icons_levels_limit gt $level)} {include file="`$fc_skin_path`/fancy_subcategories_exp.tpl" categories_menu_list=$c.childs parentid=$catid level=$level+1} {/if} </li> |
Re: Highlight current menu item
...and much better with: color: #0067be; (whithout 'background-')
|
All times are GMT -8. The time now is 11:58 PM. |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.