I am still trying to find a way to make the product counts that appear after each Product Category
in a Woocommerce dropdown menu
It turns out that .count is Woocommerce class that is used with the HTML element mark to dynamically generate
product counts by category using some sophisticated technique.
I am looking for a CSS solution to prevent this count from appearing on my home page (you can see the drop down at the bottom of the HP), and attempted the following — none of which work:
mark.count {visibility:hidden !important;}
select.dropdown_product_cat .count{visibility:hidden !important;}
mark {
display: none;
}
ul.products .count { display:none !important; }
PHP Solutions
This WordPress forum page suggests the following “approved” approaches
/*
*
* Removes products count after categories name
*
*/
add_filter( 'woocommerce_subcategory_count_html', 'woo_remove_category_products_count' );
function woo_remove_category_products_count() {
return;
}
or
/* action hook solution */
remove_action( 'woocommerce_before_shop_loop', 'woocommerce_result_count', 20 );
However, since I still have not learnt PHP, these suggested approaches are useless to me.
Any suggestions as to how I can tweek the CSS declarations you see above and make one of them work properly? I know this is a woocommerce thing, and I am contacting them today also, but I was wondering if any of you guys had any quick ideas in this regard?
Many thanks, as I am really stuck here.
.