Мне нужно создать кастомный вывод подкатегорий и товара. Т.е. при нажатии на категорию, открывается шаблон с подкатегориями, без товаров. А по нажатию на подкатегорию открываються товары этой подкатегории. Сейчас у меня в поткатегории отображаються товары. Как их убрать? Это все делаеться в archive-product.php?
Сейчас у меня такой код:
Тут эдет вывод подкатегорий и the_content выводит товары и описание подкатегорий. Но думаю это не совсем правильно. Как сделать правильно?
<?php get_header(); ?>
<main role="main">
<section class="section_content_top">
<div class="box">
<div class="top_box">
<h1 class="title_h1"><?php the_title(); ?></h1>
</div>
</div>
</section>
<section class="single_content">
<div class="box">
<div class="woocommerce_breadcrumb">
<?php echo woocommerce_breadcrumb(); ?>
</div>
<?php
$parentid = get_queried_object_id();
$args = array(
'parent' => $parentid
);
$terms = get_terms( 'product_cat', $args );
if ( $terms ) {
echo '<div class="row">';
foreach ($terms as $term) {
?>
<div class="col-3">
<div class="module_catalog">
<a href="<?php echo esc_url(get_term_link($term)) ?>" class="image"
id="<?php echo $term->term_id ?>">
<?php
$image = get_field('product-category-extra-image', $term);
$thumbnail_id = get_woocommerce_term_meta($term->term_id, 'thumbnail_id', true);
$icon = wp_get_attachment_url($thumbnail_id); ?>
<img src="<?php echo $image['url']; ?>" alt="">
</a>
<div class="content_box">
<div class="icon">
<img src="<?php echo $icon; ?>" alt="">
</div>
<h3 class="title_h3"><a
href="<?php echo esc_url(get_term_link($term)) ?>"><?php echo $term->name; ?></a>
</h3>
</div>
</div>
</div>
<?php
}
echo ' </div>';
}
?>
<div class="wrap_content">
<?php the_content(); ?>
</div>
</div>
</section>
</main>
<?php get_footer(); ?>
Сложный
