В шаблоне вывода категорий Woocommerce к каждой категории можно выводить список субкатегорий. Для этого в шаблоне content-product_cat.php, перед закрывающим тегом /li вставляем следующее
<div class="podrazdely">
<?php $wsubargs = array(
'hierarchical' => 1,
'show_option_none' => '',
'hide_empty' => 0,
'parent' => $category->term_id,
'taxonomy' => 'product_cat'
);
$wsubcats = get_categories($wsubargs);
foreach ($wsubcats as $wsc):
?>
<h3 class="podrazdel-title"><a href="<?php echo get_term_link( $wsc->slug, $wsc->taxonomy );?>"><i class="fa fa-angle-right" aria-hidden="true"></i><?php echo $wsc->name;?></a></h3>
<?php endforeach; ?>
</div>
CSS стили списка субкатегорий
.podrazdely {
float: left;
width: 100%;
padding: 10px 10px 0 40px;
box-sizing: border-box;
}
.podrazdel-title {
font-size: 12px !important;
padding: 0 !important;
text-align: left !important;
float: left;
width: 100%;
margin: 5px 0 !important;
}
.podrazdel-title a {
padding: 0 !important;
}
.podrazdely .fa {
margin-left: -15px;
padding-right: 10px;
color: #62E003;
}
[site-socialshare]