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
}