WooCommerce: Calcule el subtotal en el incremento de cantidad en un solo producto

Desde el punto de vista de UX, los clientes de comercio electrónico pueden disfrutar de una pequeña mejora en la página de un solo producto de WooCommerce. Tan pronto como aumenten la cantidad agregada al carrito, sería bueno si el precio del producto pudiera recalcularse o tal vez si pudiera aparecer una línea «TOTAL» para que los usuarios siempre sepan cuánto están a punto de agregar al carrito.

Honestamente, esto es difícil de explicar de esta manera, así que lo mejor es si miras la captura de pantalla. ¡Disfrutar!

El precio del producto es $34 y la cantidad es 10, por lo tanto, el «Total» ahora es $340. Cada vez que cambia la cantidad, «Total» actualiza su valor.

Fragmento de PHP: Calcule el precio total por incremento de cantidad en la página de un solo producto de WooCommerce

/**
 * @snippet       Calculate Subtotal Based on Quantity - WooCommerce Single Product
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 4.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'woocommerce_after_add_to_cart_button', 'bbloomer_product_price_recalculate' );
 
function bbloomer_product_price_recalculate() {
   global $product;
   echo '<div id="subtot" style="display:inline-block;">Total: <span></span></div>';
   $price = $product->get_price();
   $currency = get_woocommerce_currency_symbol();
   wc_enqueue_js( "     
      $('[name=quantity]').on('input change', function() {
         var qty = $(this).val();
         var price = '" . esc_js( $price ) . "';
         var price_string = (price*qty).toFixed(2);
         $('#subtot > span').html('" . esc_js( $currency ) . "'+price_string);
      }).change();
   " );
}

Deja un comentario