Categories Menu features and CSS tuning.

Hello,
I'm trying to integrate the great HikaShop in an existing web site.
I need to understand where and in what way I could modify the features or the CSS to adapt the default categories menu appearance.
TIA

Hi,

There are two parameters:
1. In the joomla options of your hikashop content module, you have the module suffix class option where you can put _menu so that the module uses your template's menu module style.
2. In the hikashop options of your hikashop content module, if you're displaying the listing as a "list", you can set the UL class name option to the same as your menus. That depends on your template so we can't guess the name without seeing the website with both a normal menu module and your hikashop module.

Hello and thank you,
applying what you told me there are 2 strange behaviours:
- the first 2 items if a subcategory exists remain on the same row
- a category without a subcategory has ht link which doesn't operate.
You can see a traditional and your menu page at this link .

1. That's just a CSS problem.
You can fix it on your website by removing the code:
.hikashop_category_list_item, .hikashop_product_list_item {
float: left;
}

from the front end CSS file of HikaShop that you can edit via the interface in the Display tab of the config.

2. That's because you deactivated the links on the main categories with the hikashop option "Link on main categories" of your module.

Thanks for the help! :woohoo:
I bore you with 3 more little questions about the same menu :

1. In the other languages the _menu creates a different backgound and general aspect (yellow background). How to correct this?
2. I need to reduce the font of main voice adapting to the other lists. Using _menu this was not done. How to do this?
3. I need to change the little arrow from green to blue. Where to find the blue version (if it exists)?

1. You can remove the _menu. Apparently you added it only for your other languages but not for english. Thus, it doesn't use your template's CSS in english.

2. like that:
#hikashop_category_information_module_41 h3 { font-size: 100% !important; }

3. The image is in the folder media/com_hikashop/images. You can just download it, edit it with paint to make it blue and reupload it. Note that the images will be updated when you update HikaShop. So you will have to set it again when you update HikaShop.