WooCommerceでのクリックによる自動更新カート

Question

数量が変更されたときにカートを自動更新します。私はこの作業コードをfunctions.phpに持っていますが、それは最初のクリックのためだけに働いています。どのように調整してクリックごとに機能するのですか？

add_action('wp_footer', 'cart_update_qty_script'); 
function cart_update_qty_script() { 
    if (is_cart()) : 
    ?> 
    <script> 
     jQuery('div.woocommerce').on('click', '.quantity .button', function(){ 
      jQuery("[name='update_cart']").trigger("click"); }); 
    </script> 
    <?php 
    endif; 
} 

Answer 1

以下のようにプラグインを使用できます。

https://wordpress.org/plugins/woo-update-cart-on-quantity-change/

また、このプラグインはあなたのために働いています。

https://wordpress.org/plugins/woocommerce-ajax-cart/

プラグインは、すべてのワードプレスのバージョンとwoocommerceのバージョンで動作しますので、あなたの安全側のためのプラグインを使用してください。

または

カスタムコードは、以下のように少し変更して試すことができます。

add_action('wp_footer', 'cart_update_qty_script'); 
function cart_update_qty_script() { 
    if (is_cart()) : 
     ?> 
     <script type="text/javascript"> 
      jQuery(document).on("click", "div.woocommerce .quantity .button", function(e) { 
       jQuery("[name='update_cart']").trigger("click"); 
      }); 

OR 
      jQuery("body").on("click", "div.woocommerce .quantity .button", function(e) { 
       jQuery("[name='update_cart']").trigger("click"); 
      }); 
     </script> 
     <?php 
    endif; 
} 

Answer 2

このようにそれを試してみてください。..

add_action('wp_footer', 'cart_update_qty_script'); 
function cart_update_qty_script() { 
    if (is_cart()) : 
    ?> 
    <script> 
     jQuery('body').on('click', 'div.woocommerce .quantity .button', function(){ 
      jQuery("[name='update_cart']").trigger("click"); 
     }); 
    </script> 
    <?php 
    endif; 
} 

私はそれはあなたが身体にそれを取り付けた場合、それはかもしれない... HTMLが交換されているため、div.woocommerceのクリックイベントが存在しなくなったのです仕事...

Answer 3

私はあなたのHTML構造を知らないので、私は店頭のテーマに取り組んでいるサンプルjQueryを構築しました。

ここにサンプルコードを示します。

add_action('wp_footer', 'cart_update_qty_script'); 
function cart_update_qty_script() { 
    if (is_cart()) : 
    ?> 
    <script> 
     jQuery('div.woocommerce').on('keyup', '.quantity .qty', function(){ 
      //console.log('clicked'); 
      jQuery("[name='update_cart']").trigger("click"); }); 
    </script> 
    <?php 
    endif; 
}