Active category in bold

Joomla 2.5.20
Hikashop 2.3.1 (latest version)

In the "HikaShop Content Module" module all my categories are displaying with all the sub-categories (accordion style).
When a user click on one of the sub-categores I want it to be displayed in "bold" so that the user can se where he is.
Please see picture below to see what I mean

Tnx for reply.
I am using firebug and when I inspect the module I can't find anywhere to place the code. When I change something It changes all the sub-categories within the category. I can't find the code for the active category.

Any advice ?

Joomla 3.3.6
Hikashop 2.3.5
Responsive hikashop template from Icetheme

These are my settings for hikashop category module. (see encloused image)

Hi,

Using CSS property like that should do the job:

.hikashop_categories_listing_main .pane-toggler-down .active a, .hikashop_categories_listing_main .pane-toggler-down .active h3{
    font-weight: bold !important;
}

Hi. Tnx for reply.

I pasted the code into the hikashop Front-end custom CSS File
....and I also tried to paste it into my Trendyshop (Icetheme.com) template custom.css file

But it did not work. I did not see any changes.

Any avice ?

Hi !

URL is: www.kvikki.no

Tnx

Yes I can

When a user click on a category i.e. "Bilprodukter" on the right side I want the text "Bilprodukter"(in the module) to be in bold, the active category.

URL
www.kvikki.no/shop/kategori/bilprodukter

and when a user clicks a product in this category I want the category text to still be displayed in bold, since this is the category the product is located in.

This way the customer can always see what category the product is located in.

Please see encloused image.

Hello,
Using that kind of CSS code will probably do the job :

li.hikashop_category_list_item.current.active {
  font-weight: bold !important;
}

Excellent. This works !

When I click on a category the active category in the hikashop module is in bold.

..but when I click on a product in that category the text is not bold anymore, any advice on how to fixt this ?

Hi all,

I have a similar problem.
I´m using this javascript snippet to identify the curent active link and style this one with css using the class "active".

jQuery(document).ready(function($){
var url = window.location.href;
$('#mypagemenu .menu li a').filter(function() {
return this.href == url;
}).addClass('active');
});

That works fine for all menu items that refer to articles.
In all cases (independently to which type of content the menu item refers) the class "current active" will be added to the active menu item.
But once the menu item refers to a Hika product category it does not work any longer, so the active menu item will no longer be highlighted by using special css code.

Any idea?

Thanks.

Hi,

First of all please check if there is not any javascript conflict via the browser console.
Then compare the current url with the ones present in the menus, there could be some specificities in the urls.

Please give us more informations about your category menu, its settings, etc.

Hi Xavier,

there is no javascript conflict. As I mentioned it works for all other menu items.
It also works if I choose the the Menu Item Type "Hikashop Products listing".
But after i selected a category in the related module of the product category the 'current active function' does not work anymore (see screenshot).

Btw: If such an hikashop category is the active page I also have issues with the SJ Mini Cart Pro module. In this case the mini cart does not scroll out on the mouse-over event anymore. See this post:
https://www.hikashop.com/forum/integrations/875429-sj-mini-cart-pro-see-character-as-other-product.html

The URL has this structure: mydomain.com/en/category1
The related menu item has the same name - in that case: category1
My category menu is a regular joomla menu styled with css. Not sure what you mean with "its settings".

Thanks

Hi Nicolas,

the site is offline as long as it´s under construction.

There is a jQuery conflict with the sj minicart module. I´m discussing that with the developers of SmartAddons.
But for the main menu there shouldn´t be a javascript issue.

The only thing I can tell you is that I´m using this javascript snippet:

jQuery(document).ready(function($){
var url = window.location.href;
$('#mypagemenu .menu li a').filter(function() {
return this.href == url;
}).addClass('active');
});

and this css:
#mypagemenu .menu li a.active, #mypagemenu .menu .active li a {ANYSTYLE;}

As mentioned it works for all menu items as long I don´t choose a category in the module for the product listing.
If I choose an Hikashop product listing for a menu items it also works, but after I selected a category for that product listing the error occurs.