Mostrar el precio de la variación seleccionada del producto en WooCommerce

    Este código hace que el precio del a variación se muestre en el lugar del precio original, donde se muestra el rango de precios, en lugar de añadir otra etiqueta de precio encima del botón de Añadir a la cesta.

    /* Ocultar el precio mostrado al selecciona variacion y cambiamos el precio de la pagina del producto */
    add_action('woocommerce_variable_add_to_cart', 'nwp_cambiar_precio_segun_variacion');
    
    function nwp_cambiar_precio_segun_variacion() {
        global $product;
        $price = $product - > get_price_html();
        wc_enqueue_js(" 
            $(document).on('found_variation', 'form.cart', function(event, variation) {
                if (variation.price_html) $('.summary > p.price').html(variation.price_html);
                $('.woocommerce-variation-price').hide();
            }); $(document).on('hide_variation', 'form.cart', function(event, variation) {
                $('.summary > p.price').html('" . $price . "');
            });
            " );
        }

    Herramientas relacionadas

    • WooCommerce

      El plugin para crear tiendas online por excelencia. Tanto de productos físicos como digitales. Es la base para prácticamente cualquier proyecto web que acepte pagos online.