WooCommerce Как использовать варианты в качестве таблицы переключателей?

Question

Я хочу, чтобы варианты были перечислены как переключатели в таблице с 4 столбцами. Это то, что я искал: желаемый результат

Я сделал это, что все еще хорошо для меня, но я не знаю, как отобразить его по 4 колонкам: другой вариант

function woocommerce_variable_add_to_cart() {
    global $product, $post;
    $variations = $product->get_available_variations();
    foreach ($variations as $key => $value) {
    ?>
    <form action="<?php echo esc_url( $product->add_to_cart_url() ); ?>"method="post" enctype='multipart/form-data'>
        <input type="hidden" name="variation_id" value="<?php echo $value['variation_id']?>" />
        <input type="hidden" name="product_id" value="<?php echo esc_attr( $post->ID ); ?>" />
        <?php
        if(!empty($value['attributes'])){
            foreach ($value['attributes'] as $attr_key => $attr_value) {
            ?>
            <input type="hidden" name="<?php echo $attr_key?>" value="<?php echo $attr_value?>">
            <?php
            }
        }
        ?>
        <table>
            <tbody>
                <tr>
                    <td>
                        <b><?php echo implode('/', $value['attributes']);?></b>
                    <br>

                        <?php echo $value['price_html'];?>
                    <br>

                        <button type="submit" class="single_add_to_cart_button button alt"><?php echo apply_filters('single_add_to_cart_text', __( 'Add to cart', 'woocommerce' ), $product->product_type); ?></button>
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
    <?php
    }
}