Вторая кнопка добавления в корзину с фиксированным количеством в зависимости от настраиваемого поля

Question

Я строю винный магазин, и мне бы хотелось, чтобы на странице товара было 2 кнопки «Добавить в корзину». Стандартная одна и вторая кнопка, которая добавляет коробку с вином в корзину.

Проблема в том, что в некоторых винах 6, а в других 12 в коробке.

Я попробовал приведенный ниже код, который я нашел в stackoverflow, и он работает на фиксированное количество.

Я создал настраиваемое поле с фрагментом для количества бутылок в коробке:

  // Stuks per doos
woocommerce_wp_text_input( 
    array( 
        'id'          => '_stuks_doos', 
        'label'       => __( 'Stuks per doos', 'woocommerce' ), 
        'placeholder' => '',
        'desc_tip'    => 'true',
        'description' => __( 'Voer de VE per doos in.', 'woocommerce' ) ,
        'type'              => 'number'
    )
);

Мне нужна помощь в изменении количества = 12 в приведенном ниже коде на настраиваемое поле (_stuks_doos), которое я создал

add_action( 'woocommerce_after_add_to_cart_button', 'additional_simple_add_to_cart', 20 );
function additional_simple_add_to_cart() {
    global $product;
    // Only for simple product type
    if( ! $product->is_type('simple') ) return;

    $href = '?add-to-cart=' . esc_attr( $product->get_id() ) . '&quantity=12';
    $class = 'ingle_add_to_cart_button-12 button alt';
    $style = 'display: inline-block; margin-top: 12px;';
    $button_text = __( "Add a case of 12", "woocommerce" );

    // Output
    echo '<br><a rel="no-follow" href="'.$href.'" class="'.$class.'" style="'.$style.'">'.$button_text.'</a>';
}

Я также хотел бы знать, есть ли способ заставить этот код работать в ajax