カートボタンの横に商品のカウンターを表示する

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; 
} 

ので、それが正しく表示されます。