Cubrimos mucho Personalización de pago de WooCommerce En el pasado, ¡es evidente que el pago es la página más importante de cualquier sitio web de WooCommerce!
Hoy codificaremos un buen complemento UX: ¿Cómo mostramos las entradas de la cantidad del producto al lado de cada producto en la tabla de pedidos de pago? Esto es genial si las personas necesitan ajustar sus cantidades en el pago antes de completar su pedido; Además, es útil cuando no tienes una página de carrito y quieres enviar gente Directo para pagar y omita otro clic más.
En esta publicación, veremos cómo agregar una entrada de cantidad al lado de cada producto en la página de pago, y luego codificaremos un «oyente» para asegurarnos de que realmente actualicemos el pago y actualicen los totales después de un cambio de cantidad. ¡Disfrutar!
Php Snippet: muestra selectores de cantidad de producto @ WooCommerce Checkout
Nota: Es posible que deba ajustar la alineación entre el nombre del producto y la nueva entrada de cantidad con CSS personalizado.
/** n*@snippet Item Quantity Inputs @ WooCommerce Checkout n*@how-to https://tdestudiodesign.com/tutoriales n*@author Tomás Lucas D´Amario, TD Estudio Design n*@compatible WooCommerce 7 n*@community https://tdestudiodesign.com/club */ // ---------------------------- // Add Quantity Input Beside Product Name add_filter( 'woocommerce_checkout_cart_item_quantity', 'tddesign_checkout_item_quantity_input', 9999, 3 ); function tddesign_checkout_item_quantity_input( $product_quantity, $cart_item, $cart_item_key ) { $product = apply_filters( 'woocommerce_cart_item_product', $cart_item['data'], $cart_item, $cart_item_key ); $product_id = apply_filters( 'woocommerce_cart_item_product_id', $cart_item['product_id'], $cart_item, $cart_item_key ); if ( ! $product->is_sold_individually() ) { $product_quantity = woocommerce_quantity_input( array( 'input_name' => 'shipping_method_qty_' . $product_id, 'input_value' => $cart_item['quantity'], 'max_value' => $product->get_max_purchase_quantity(), 'min_value' => '0', ), $product, false ); $product_quantity .= '<input type="hidden" name="product_key_' . $product_id . '" value="' . $cart_item_key . '">'; } return $product_quantity; } // ---------------------------- // Detect Quantity Change and Recalculate Totals add_action( 'woocommerce_checkout_update_order_review', 'tddesign_update_item_quantity_checkout' ); function tddesign_update_item_quantity_checkout( $post_data ) { parse_str( $post_data, $post_data_array ); $updated_qty = false; foreach ( $post_data_array as $key => $value ) { if ( substr( $key, 0, 20 ) === 'shipping_method_qty_' ) { $id = substr( $key, 20 ); WC()->cart->set_quantity( $post_data_array['product_key_' . $id], $post_data_array[$key], false ); $updated_qty = true; } } if ( $updated_qty ) WC()->cart->calculate_totals(); }
Mini-Plugin: TD Estudio Design WooCommerce Cambiar la cantidad del producto en la página de pago
No te sientes Confiado con la codificación? Necesitas Los clientes actualizarán su carrito en la página de pago? No quieres comprar otro complemento hinchado y costoso? ¡Excelente!
TD Estudio Design WooCommerce Cambiar la cantidad del producto en la página de pago 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. No hay tablero de configuración.
Demo rápida:
Como puede ver, el complemento es bastante sencillo. Instalarlo. Ver la magia que suceda. ¡Simple!
