Как сделать так, чтобы в woocommerce показывало, какая категория выбрана?

Вставил с помощью шорт кода на страницу магазина категории. По шаблону нужно сделать так, чтобы при переходе на категорию - показывало, какая выбрана. Подскажите, пожалуйста, как это сделать? Как вставлен шорт код:

<div class="categories">
                    <div class="row">
                        <a href="#" class="tab">
                        <?php echo do_shortcode( '[product_categories hide_empty=0]' ); ?>
                        </a>
</div>

введите сюда описание изображения

введите сюда описание изображения


Ответы (1 шт):

Автор решения: Valerii Vasiliev

Можно сделать без шорткода

<div class="categories">
                    <div class="row">
                        <a href="#" class="tab">
                        
                               <?php $active_category = get_queried_object(); ?>  
                        
                               <?php 
                                    $args = array(
                                                                  'taxonomy'     => 'product_cat',
                                                                  'orderby'      => 'name',
                                                                  'hide_empty'   => 0
                                    );

                                    $terms = get_categories( $args );
                                    
                                    foreach ( $terms as $term ) {
                                        
                                            $term_link = get_term_link( $term );
                                            
                                            $active = ($active_category -> term_id == $term -> term_id) ? 'class="active"' : '';
                                            
                                            echo '<a href="' . esc_url( $term_link ) . '" '.$active.'>' . $term -> name . '</a>';
                                    }
                               ?>
                        </a>
</div>
→ Ссылка