WooCommerce: Miktar Değişikliğinde Sepeti Otomatik Olarak Güncelleyin

Merhaba bu yazımızda sizlere WordPress in bir probleminden bahsedeceğim. Bu problemi nasıl ve en basit şekilde yapacağız buna bakalım.

Bu yazımızda kullanıcı deneyimlerindeki bir problemi nasıl hallederiz. Tabi bu problemi halletmenin bir çok yöntemleri vardır. Bu anlatacağım en basit en kolay yoludur.

Şimdi seçtiğimiz ürünler alışveriş sepetine gidiyor ve sonradan sepeti güncellemek için butona basmamız gerekiyor. Bu göstereceğim kodlar sayesinde sepeti güncelle butonuna basmıyoruz.

Bu işlemi basit bir PHP kodu ve iki satır JQuery ve bir satır CSS le halledeceğiz.

CSS Snippet’i: WooCommerce “Sepeti Güncelle” Düğmesini Gizleyin

İlk başta sepeti güncelle butonunu gizlemeliyiz. Çünkü onu artık kullanmayacağız. Bunu PHP ve JQuery koduyla halledeceğiz.

input[name='update_cart'] {
display: none !important;
}
 

 
button[name='update_cart'] {
display: none !important;
}

PHP Snippet: Miktar Değiştiğinde WooCommerce Sepetini otomatik güncelleme

Sepeti güncelle butonunu gizledikten sonra bir kaç JQuery koduyla işlemimizi tamamlayacağız. Detaylı anlatırsam kodu yazdıktan sonra ürün miktarına tıkladığımızda arka planda otomatik olarak sepeti güncelle ye basacaktır.

add_action( 'wp_footer', 'oto_miktar_sepet_guncelleme' ); 
 
function oto_miktar_sepet_guncelleme() {
   if (is_cart()) { //Sepet Sayfasında ise
      ?>
      <script type="text/javascript">//Java/Jquery Kodu Ekliyoruz
         jQuery('div.woocommerce').on('click', 'input.qty', function(){//Input türündeki qty isimli class da işlem yapıldığında
            jQuery("[name='update_cart']").trigger("click"); // CSS kodu ile gizlediğimiz butona tıklatıyoruz.
         });
      </script>
      <?php
   }
}