show main categories and make subcategories appear when clicked

  • I am reaching out to inquire about a possible customization for the filter plugin on our website. Specifically, I would like to know if it’s possible to display only the main categories in the filter options, with the subcategories appearing only when a user clicks on one of the main categories.

    On our website, we would like to show only the following main categories in the sidebar:

    • GLASDEUREN
    • STEELLOOKDEUREN
    • STALEN DEUREN

    Once a user clicks on one of these categories, the subcategories would then become visible.

    You can view the current setup on our website here: https://glasdeurenonline.be/webshop.

    Would you be able to assist with this request or suggest how we might achieve this behavior?

    Thank you in advance for your time and assistance. I look forward to your response.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author themifyme

    (@themifyme)

    That can ben done with this Custom CSS: https://share.zight.com/L1u2QB4q

    .wpf_submenu.wpf_level_3 {
    display:none
    }
    .wpf_submenu input[type=”checkbox”]:checked + label + span + .wpf_submenu.wpf_level_3{
    display:block
    }

    nitram01

    (@nitram01)

    Hey, I am looking to do the same thing – where exactly should I put the code, under additional CSS it doesnt work for me? @themifyme

    Plugin Author themifyme

    (@themifyme)

    @nitram01 – What is your shop URL with product filter that we can review?

    Thread Starter piranhaost

    (@piranhaost)

    Thanks to your CSS code, I was able to display the main categories by default. However, I’m now encountering another issue. On my shop page (https://glasdeurenonline.be/webshop), when I select the category ‘steellook’ and then the subcategory ‘basic,’ I still see all items assigned to the ‘steellook’ category. In this case, I only want the products belonging to the ‘basic’ subcategory to be displayed. Could you please assist with resolving this issue?

    Plugin Author themifyme

    (@themifyme)

    Because the parent category (“steellook”) is being selected as well, that is why it shows that category products. To avoid this, think you have to disable category hierarchy, but you would lose the sub-categories list setup.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.