Отображение товаров в 3,2,1 столбцах в строке - WooCommerce

Question

На странице магазина я хочу реализовать 3 кнопки, которые могут быть доступны пользователю, и изменить способ отображения продуктов. На данный момент в каждой строке 4 продукта, три кнопки должны превратиться в 3 продукта, 2 продукта и один продукт в строке.

Мне удалось что-то получить, но это не то, что мне нужно. Я зафиксировал путь к страницам категорий продуктов, на которых находится пользователь, и создал наборы страниц, на которых я установил из каталога продуктов отображение 3, 2, 1 продукта в строке. Может ли кто-нибудь помочь мне сделать это правильно. Спасибо.

код:

add_action( 'woocommerce_before_shop_loop', 'product_view', 10);
function product_view() {
    
    $divclass1 = '<div class="grid-view">';
            
    $terms = get_the_terms( $post->ID, 'product_cat');
    foreach( $terms as $term ) {
    if(is_tax('product_cat', $term->name)) {
          



          echo '<div class="large-12 col">
            <div class="col-inner">                                                                                                     
                    <div class="row row-collapse row-full-width align-middle align-center" id="row-1551975955">
                        <div class="col medium-4 small-12 large-4">
                                    <div class="col-inner text-center">
                        
               . $divclass1 
                        
            .'<div class="ggggggg">'    
            . '  <a  href=" http://bra-bra.com/'
            . $term->name                       
            . '-3-col" class="item-grid-display fas fa-th"></a>'
            . '  <a  href=" http://bra-bra.com/'
            . $term->name                       
            . '-2-col" class="item-grid-display fas fa-th-large"></a>'          
            . ' <a href="http://bra-bra.com/'
            . $term->name
            . '-1-col" class="item-grid-display cut fas fa-stop"></a> '
            . ' </div> '
            .'</div>'
             .'

                                    </div>
                            </div>
                    </div>              
                </div>
            </div>' 
       ;
        }
    }
}