Shop sub category menu dropdown list

[Sebizzle]

On the shop sub categories show on the drop down.

How can i disable this feature, or even better perhaps limit and select the sub categories that appear?

disply:none will not work here as I plan to have many subcategories and down want them loading on the shop page even if not displayed.

 

thank you

[Harry]

Hi,

You mean this menu on shop page http://take.ms/1eUU5?

You can remove this menu by go to Appearance > Widgets > WooCommerce Categories Menu Sidebar > Remove widget.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Sebizzle]

This reply has been marked as private.

[Sebizzle]

This reply has been marked as private.

[Harry]

Hi,

You can add custom css

.shop-top-sidebar .product-categories li ul { display: none;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Sebizzle]

Hi Harry,

The issue I have with this, is that I will be still loading 100’s of categories on the page, so the page may start to slow up even with this display none ?

Is there any code that I could add to functions in child to remove this ?

 

Many thanks,

[Harry]

Hi,

You can add below code to child theme

And change 11, 122, 127 to your categories ID number.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

For product categories, there is no indication to users that a category also has a sub-category. Can we add a small (down)arrow automatically to categories that have sub-categories. If this could be included in upcoming update then that would be great. Any chances?

[Harry]

Hi Mikestar

Please use below code and add to Claue > Theme Option > General Layout > Custom CSS

.shop-top-sidebar .widget ul li.cat-parent:after {
content: '\f107';
position: absolute;
font-family: 'FontAwesome';
top: 10px;
right: 2px;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

Hi Harry, Thanks for the code! It worked fine and I can now see the dropdown arrow. But the dropdown(sub-categories) on Mobile site does not work(cannot be seen)..

[Harry]

Hi Mikestar,

I help you fixed this issue.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

Yes Harry, The arrow is visible for parent category. But on Mobile Device, how can a user choose a sub-category? On mobile, if I click the dropdown arrow nothing happens, and if I click on the parent category then the category opens instead of dropdown. So how can we choose a sub-category on Mobile device?

[Harry]

Hi,

It now i don’t have solution for sub-menu on mobile 🙁 We will implement when have solution.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[mikestar]

We will implement when have solution.

Great. Thanks for considering it in future update 🙂

[Author]

Posts