ok i found a workaround and actually MORE than a workaround for this topic, so i thought i would share this with the community in case anyone needs help with this!
So basically the following code, when added to your child theme functions.php file, passes the parameter of the product category slug onto the <body> tags of your theme template, what this allows you to do is to uniquely style any of your .css components per product/blog/page categories, pretty cool too! see code below and feel free to email me for any clarification:
function woo_custom_taxonomy_in_body_class( $classes ){
$custom_terms = get_the_terms(0, ‘product_cat’);
if ($custom_terms) {
foreach ($custom_terms as $custom_term) {
// Check if the parent category exists:
if( $custom_term->parent > 0 ) {
// Get the parent product category:
$parent = get_term( $custom_term->parent, ‘product_cat’ );
// Append the parent class:
if ( ! is_wp_error( $parent ) )
$classes[] = ‘product_parent_cat_’ . $parent->slug;
}
$classes[] = ‘product_cat_’ . $custom_term->slug;
}
}
return $classes;
}
add_filter( ‘body_class’, ‘woo_custom_taxonomy_in_body_class’ );