WooCommerce Ürün Adedi Kısmını Buton Olarak Göstermek

  • Anasayfa
  • WooCommerce Ürün Adedi Kısmını Buton Olarak Göstermek

Merhaba uzun zamandır woocommerce ile ilgili kısa kod paylaşımı yapmıyordum bundan sonraki süreçte hayatımı kolaylaştıran sizlerin de projelerinde işine yarayacağını düşündüğüm kodları paylaşmaya devam edeceğim. Bu paylaştığım kod sayesinde woocommerce e-ticaret sitenizde ürün arttı mı için kullandığınız quantity kısmının görüntüsünü değiştirebilirsiniz. Görselliği temanıza göre düzenlemek için plus ve minus classlarını kullanabilirsiniz. Aşağıdaki kodu temanızın functions.php dosyasına ekleyiniz.

<?php
add_action( 'woocommerce_before_add_to_cart_quantity', 'muratbutun_display_quantity_plus' );
 
function muratbutun_display_quantity_plus() {
    echo '<button type="button" class="plus" >+</button>';
}
 
add_action( 'woocommerce_after_add_to_cart_quantity', 'muratbutun_display_quantity_minus' );
 
function muratbutun_display_quantity_minus() {
    echo '<button type="button" class="minus" >-</button>';
}
add_action( 'wp_footer', 'muratbutun_add_cart_quantity_plus_minus' );
 
function muratbutun_add_cart_quantity_plus_minus() {
    if ( ! is_product() ) return;
    ?>
        <script type="text/javascript">
             
        jQuery(document).ready(function($){ 
             
            $('form.cart').on( 'click', 'button.plus, button.minus', function() {
 
                var qty = $( this ).closest( 'form.cart' ).find( '.qty' );
                var val = parseFloat(qty.val());
                var max = parseFloat(qty.attr( 'max' ));
                var min = parseFloat(qty.attr( 'min' ));
                var step = parseFloat(qty.attr( 'step' ));
 
                if ( $( this ).is( '.plus' ) ) {
                    if ( max && ( max <= val ) ) {
                        qty.val( max );
                    } else {
                        qty.val( val + step );
                    }
                } else {
                    if ( min && ( min >= val ) ) {
                        qty.val( min );
                    } else if ( val > 1 ) {
                        qty.val( val - step );
                    }
                }
                 
            });
             
        });
             
        </script>
    <?php
}
Şimdi Teklif Alın
Şimdi Teklif Alın

Projeniz ile ilgili veya web sitenizde takıldığınız alanlar ile ilgili şimdi teklif alın

WordPress ve WooCommerce Eklentilerim
Eklentilerim

WordPress ve WooCommerce İçin Hazırlamış olduğum Eklentiler

Şimdi Teklif Alın

Web tasarım, yazılım, mobil uygulama veya masa üstü program ihtiyaçlarınız için bana proje detaylarınızı gönderin. 24 saat içerisinde size detaylı teklif göndereyim.