Aquí hay un fragmento rápido que simplemente puede copiar/pegar o un mini-plugin que puede instalar para mostrar un «+» y un «-» en cada lado de la entrada de número de cantidad en la página de producto y el carrito de un solo producto de WooCommerce.
El código personalizado también viene con un script jQuery, ya que necesitamos detectar si se hace clic más o menos y, en consecuencia, actualizar la entrada de cantidad. JQuery puede parecer difícil para muchos, pero la belleza de esto es que no necesita tener un título en jQuery: simplemente copie/pegue el código o instale el complemento liviano e vea que la magia suceda.
Php Snippet: Botones de pantalla más y menos cantidad @ WooCommerce Página de producto único y página de carrito
Nota: Probablemente también necesite algunos CSS personalizados, ya que su tema podría dar una pantalla «flotante» a los botones de cantidad (por defecto, los botones HTML toman bloque en línea).
/** * @snippet Plus Minus Quantity Buttons @ WooCommerce Single Product Page * @how-to businessbloomer.com/woocommerce-customization * @author Rodolfo Melogli, Business Bloomer * @compatible WooCommerce 8 * @community https://businessbloomer.com/club/ */ add_action( 'woocommerce_before_quantity_input_field', 'bbloomer_display_quantity_minus' ); function bbloomer_display_quantity_minus() { if ( ! is_product() ) return; echo ''; } add_action( 'woocommerce_after_quantity_input_field', 'bbloomer_display_quantity_plus' ); function bbloomer_display_quantity_plus() { if ( ! is_product() ) return; echo ''; } add_action( 'woocommerce_before_single_product', 'bbloomer_add_cart_quantity_plus_minus' ); function bbloomer_add_cart_quantity_plus_minus() { wc_enqueue_js( " $('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 ); } } }); " ); }
Mini-Plugin: Business Bloomer WooCommerce Agregar a Cart Cantidad más y botones Minus
No te sientes Confiado con la codificación? Necesitas Una solución simple ¿Para mostrar botones «Plus» y «Minus» al lado de las cajas de cantidad Agregar a CART? No quieres comprar otro complemento hinchado y costoso? ¡Excelente!
Business Bloomer WooCommerce Agregar a Cart Cantidad Plus y Botones Minus es un Mini complemento de WooCommerce, sin las molestias habituales. Una característica. Licencia de por vida. No hay suscripciones molestas. 1 archivo de complemento. Unas pocas líneas de código. Sin pancartas. No hay ventas ascendentes. No hay notificaciones de WP. Úselo en tantos sitios web como desee. Soporte de por vida. Documentación de 1 página. Sin configuración.
¿Demo rápida? Aquí lo tienes:
Como puede ver, el complemento funciona de inmediato. ¡Instálelo y vea la magia que suceda!
