WordPress Woo Commerce Products / Categories

Hi Tyler,

To display WooCommerce categories you may use the categories widget with the following options:

• Taxonomy = ‘Product categories’
• Display widget on every page (optional)
• Always display child categories (optional)

Because WooCommerce products are not hierarchical they are not supported out of the box for a menu because it would be only one level deep. If you wish to display all products as a one level menu, let me know and I will show you how to do so with filters.

Have a great day!

Mat Lipe

 

Hi Tyler,

You probably want to enable block styling and enable the borders.

Also you may add some styles using the button at the bottom of the widget. Once you get the basic up, I can help you fine tune it if needed.

Cheers

Mat Lipe

 

Hi Tyler,

Looks like you currently have the accordions icons hidden via CSS on your site. If you look at your theme’s style.css file on line 216 you will see this CSS

.advanced-sidebar-menu .dashicons{ display: none; }

If you remove that CSS the icons will show and the accordions will work.

Have a great day!

Mat Lipe

Hi Tyler,

Most likely you just need to flush your browser cache or hit refresh a couple times.

I am seeing the red icons.

Have a great night!

Mat Lipe

Hard to say because I am not familiar with Enfold.

If I remember correctly, the customization that I assisted with were completed within a child theme and therefore will remain in place if Enfold is updated.

It is worth noting that Enfold may have changed styles or structure which may need to be ported over to the child theme after update. I recommend making a backup before updating.

 

 

Hi Tyler,

Give this snippet a try from a support thread on the basic version.

<?php function asm_show_count( $args ) { $args['show_count'] = true; return $args; } add_filter( 'advanced-sidebar-menu/menus/category/get-list-categories-args', 'asm_show_count' );

Have a great day!

Mat Lipe

Hi Tyler,

Can you send me a link to where I can see page featured in the screenshot you provided that shows the counts?

https://imgur.com/ZNfaD65

I just need to see the page in a browser so I can test styling adjustments. I don’t actually need to access the WP Admin or any site files.

Have a great weekend!

Mat Lipe

Hi Tyler,

This should get you pretty close

#advanced_sidebar_menu_category-2-wrap li { font-size: 10px; } #advanced_sidebar_menu_category-2-wrap li a { padding-left: 20px !important; width: 155px; float: left; } #advanced_sidebar_menu_category-2-wrap li li a { width: 140px; } #advanced_sidebar_menu_category-2-wrap li li li a { width: 130px; } #advanced_sidebar_menu_category-2-wrap .dashicons { position: absolute !important; left: 0 !important; }

Have a great weekend!

Mat Lipe