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 }
Projeniz ile ilgili veya web sitenizde takıldığınız alanlar ile ilgili şimdi teklif alın
WordPress ve WooCommerce İçin Hazırlamış olduğum Eklentiler