Показать счетчик продукта рядом с кнопкой тележки

Question

Как добавить счетчик рядом с кнопкой корзины на странице продуктов (не на странице продукта), и это будет выглядеть как на картинке ниже Может ли кто-нибудь сказать мне, плагин следует использовать или любое другое предложение? Благодарим вас за продвинутый!

Answer 1

Для отображения ввода количества полей для простых продуктов в вашем магазине архивных страниц, вы можете добавить следующий код в functions.php файла вашей активной темы.

/** 
* Code should be placed in your theme functions.php file. 
*/ 
add_filter('woocommerce_loop_add_to_cart_link', 'quantity_inputs_for_woocommerce_loop_add_to_cart_link', 10, 2); 
function quantity_inputs_for_woocommerce_loop_add_to_cart_link($html, $product) { 
    if ($product && $product->is_type('simple') && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually()) { 
     $html = '<form action="' . esc_url($product->add_to_cart_url()) . '" class="cart" method="post" enctype="multipart/form-data">'; 
     $html .= woocommerce_quantity_input(array(), $product, false); 
     $html .= '<button type="submit" class="button alt">' . esc_html($product->add_to_cart_text()) . '</button>'; 
     $html .= '</form>'; 
    } 
    return $html; 
} 

Answer 2

Я использовал это для проекта, над которым я работал не так давно. Это делает то, что вам нужно, и довольно легко следовать: https://gist.github.com/JeroenSormani/a3325bdbca57f59690c1#file-woocommerce-archive-page-quantity-field-php

Таким образом, вы просто добавить это functions.php и обновить ... Вы, возможно, потребуется сделать следующее:

.archive .quantity { 
    display: inline-block; 
} 

так оно отображалось правильно.