2016-06-22 61 views
0

WooCommerceプラグインでDiviテーマを使用しています。店舗ページでは、数量調整を直接に追加したいと考えていますボタン。WooCommerce Shopのページ:数量をカートに入れるボタン

My web site

現在、あなたは、単一の製品ページに行くために、製品をクリックする必要がだけにして、カートに追加することが可能です。

私はそれを修正することができるように製品のリストを作成するかを把握しようとしましたが、あなたはおそらく推測として、私はこれに非常に新しいです。

この機能をショップページの商品に追加するにはどうすればよいですか?

答えて

0

ショッピングページループのフックにアクションを追加すると、次のようになります。

add_action('woocommerce_after_shop_loop_item', 
      'woocommerce_template_single_add_to_cart', 30); 

ありがとうございます。

0

Woocommerceのドキュメントには、気持ち良いAPIがあります。最近彼らはWP JSON APIの2.6バージョンへの統合にアップグレードしました。ここには2つのオプションがあります。

1)API呼び出し
2を介して順序を作る)作り、

http://domain.com/?add-to-cart=Product-Id&variation_id=136&quantity=2 

例で簡単に数量を変更するためのAJAXリクエスト:あなたが持っていない場合は

http://domain.com/?add-to-cart=97&variation_id=136&attribute_pa_sizes=xl 

を任意のバリエーションやオプションは、簡単に

http://domain.com/?add-to-cart=Id&&quantity=Qty 
1

アドバイス:は自分でテーマが更新されますときに実行しようとしている変更を失わないように、子テーマを使用することをお勧めします。だから私は今あなたが子供のテーマを使用すると仮定します。このアクティブ子テーマ

enter image description here

:あなたは正しくあなたが望む動作を設定しているWooCommerce> [設定]> [製品(タブ)>ディスプレイ(サブタブ)

チェックfunction.phpというファイルがあります。そうでない場合は、<?phpタグ(存在する場合)と末尾に?>(存在する場合)以外のすべてのコードを削除して親テーマからコピーします。

これが完了したら、woocommerce_loop_add_to_cart_linkフィルターフックを使用してカートに追加ボタン(単純な製品用)に数量を追加します。あなたはその中に、このコードスニペットを貼り付けます:

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

あなたはまた、より良い足ニーズにこのコードをカスタマイズすることができます...

参考:私は、単一のページを追加してやってしまったので、何Override loop template and show quantities next to add to cart buttons

+0

詳細な説明をありがとうございます。私はディスプレイの設定をチェックし、Enable AJAXがチェックインされていますが、ショップページのカートに追加ボタンは表示されません。単一の商品ページにはさらに、カートに追加ボタンにすでに数量チューザーが添付されています。 –

関連する問題