Toggle-able child categories?

Hi,

You have 2 levels of sub-menus, the code affects the second-level and it works for that, please see screen-recording: https://share.getcloudapp.com/E0ujeeok

Hi!

That doesn’t happen on my end, for some reason. Anyway, I changed the code to this:

`.wpf_items_wrapper .wpf_item .wpf_submenu {
display:none;
}
.wpf_items_wrapper .wpf_item .wpf_submenu input[type=”checkbox”]:checked + label + .wpf_submenu{
display:block;
}

And it now hides the first sub-menu like I wanted, but it still doesn’t show again, when I click the sub-menu.

See video:

Hi,

If you want to hide both first and second level sub-categories, please use this Custom CSS instead:

.wpf_items_wrapper .wpf_item .wpf_submenu ul {
display:none;
}
.wpf_items_wrapper .wpf_item .wpf_submenu input[type=”checkbox”]:checked + label + .wpf_submenu {
display:block;
}

.wpf_items_wrapper .wpf_item .wpf_submenu {
display:none;
}

.wpf_items_wrapper .wpf_item input:checked + label + .wpf_submenu {
display: block;
}

Please let me know how it works.

Hi there!

Added the code and now the filter hides and shows category labels as wanted. However, the shop doesn’t adjust after it.

For instance. If I select Lyd > H?ytaler > Soundbar it still just shows the shop front page and doesn’t actually filter.

I think it was a problem with all my products only having one category set each and the filter set to “or” instead of “and”. Testing it now.

Ok, now it works. New problem, though! ??

If someone checks Lyd->H?ytaler->Subwoofer but then unchecks H?ytaler, without unchecking Subwoofer, subwoofer is hidden, yet still checked. Customers might find this confusing. Is there a way to make unchecking a parent category automatically uncheck all child categories?

Hi,

Since all items are checked individually, then the same goes when you uncheck them, so you should uncheck everything individually, it is not possible to remove a different checkbox if its’ parent has been unchecked.