Customize category layout list

  • Posts: 344
  • Thank you received: 3
11 years 7 months ago #131871

Hikashop business 2.0
Joomla 2.5.15

I am using the Hikashop Conetent module to display my categories.
I have i set to Type of content: Category using Type of layout "List" enabled

I am using sub-categories so that the accordion function is also enabled.

Earlier I have done som customizing of this menu, but I want to customize it a little bit more.

Please see picture below to see what I mean.

1. I want to put a plus sign (image with a plus) in front of the main categories that has sub-categories.
So that when you click on the plus sign it drop down and you can see the sub-categories. How can I do this ?

2. I want the active sub-category to be displayd in "Bold" so that the user can see where he clicked. Is this possible to do ?




Tnx

Attachments:
Last edit: 11 years 7 months ago by river.

Please Log in or Create an account to join the conversation.

  • Posts: 26253
  • Thank you received: 4040
  • MODERATOR
11 years 7 months ago #131915

Hi,

The menu list uses the Joomla menu system. You have to customize it using CSS.
Please use the documentation "customize the display" (under "development") to find some useful information about how customize your website using CSS.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 344
  • Thank you received: 3
11 years 7 months ago #131988

Thank you for reply.
I have tried to use the documentation, but it is very difficult because my CSS skills are very limited.
I have managed to transform the menu into the way I want it to look, so now I only need the plus/minus sign on the left side of the categories with sub-categories.

Please see image below to see how I need it to look.



I have manage to find this CSS code using firebug from the original category list display.
.panel h3.pane-toggler-down a {
    background: url("../images/slider_minus.png") no-repeat scroll right top #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
}

.panel h3.pane-toggler a {
    background: url("../images/slider_plus.png") no-repeat scroll right top #F5F5F5;
}

I tried to instert the code in the custom css file, but with no result, any advice on how to proceed ?

Attachments:
Last edit: 11 years 7 months ago by river.

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
11 years 7 months ago #132058

Hi,

To display plus or minus only on the categories which have sub categories, it will require more than css.
There is actually no way to differentiate this two kind of categories.

So a core file edition seems to be required.

Please Log in or Create an account to join the conversation.

Time to create page: 0.084 seconds
Powered by Kunena Forum