Formatear el precio de las variaciones en WooCommerce

Snippet para formatear el precio de las variaciones de productos en una tienda WooCommerce. Este snippet es especialmente útil si estás buscando una forma de mostrar el rango de precios de una variación de producto de manera más clara y atractiva para el cliente.

WooCommerce es una de las plataformas de comercio electrónico más populares y ofrece una gran cantidad de funcionalidades. Sin embargo, hay ocasiones en las que necesitamos personalizar ciertos aspectos para adaptarlos a nuestras necesidades. Uno de estos aspectos es el formato en el que se muestra el precio de las variaciones de productos.

¿Cómo Funciona?

El snippet de código proporcionado hace uso de los filtros de WooCommerce para modificar la forma en que se muestra el precio de las variaciones de productos. Aquí hay un desglose de cómo funciona:

• Obtiene los Precios Mínimo y Máximo: El snippet obtiene el precio mínimo y máximo de una variación de producto.
• Formatea el Precio: Si el precio mínimo y máximo son diferentes, se muestra la palabra «Desde» seguida del precio mínimo. Si son iguales, se muestra solo el precio.
• Precio de Venta: El snippet también tiene en cuenta si el producto está en oferta, mostrando tanto el precio de venta como el precio regular.

Casos de Uso del Snippet

Este snippet es especialmente útil en los siguientes escenarios:

1. Productos con Variaciones de Precio: Si tienes productos que vienen en diferentes tamaños, colores, o cualquier otra variación que afecte al precio.
2. Ofertas y Descuentos: Si tienes productos en oferta, este snippet te permitirá mostrar tanto el precio de venta como el precio regular de una manera más clara.
3. Claridad para el Cliente: Al utilizar la palabra «Desde», das una idea más clara al cliente de que el precio puede variar según la opción seleccionada.

Cómo Implementar el Snippet

Para implementar este snippet en tu tienda WooCommerce, sigue estos pasos:

1. Ve a tu panel de WordPress y navega hasta Apariencia > Editor de Temas.
2. Encuentra el archivo functions.php de tu tema activo.
3. Copia y pega el snippet de código al final del archivo.
4. Guarda los cambios.

Nota: Siempre es recomendable hacer una copia de seguridad antes de realizar cambios en los archivos de tu tema.

//Formatear el Precio de Variaciones en WooCommerce
function wc_wc20_variation_price_format( $price, $product ) {
    // Main Price
    $prices = array( $product->get_variation_price( 'min', true ), $product->get_variation_price( 'max', true ) );
    $price = $prices[0] !== $prices[1] ? sprintf( __( '<small style="font-weight:normal">Desde</small> %1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );
    // Sale Price
    $prices = array( $product->get_variation_regular_price( 'min', true ), $product->get_variation_regular_price( 'max', true ) );
    sort( $prices );
    $saleprice = $prices[0] !== $prices[1] ? sprintf( __( '<small style="font-weight:normal">Desde</small> %1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );

    if ( $price !== $saleprice ) {
        $price = '' . $saleprice . ' ' . $price . '';
    }
    return $price;
}
add_filter( 'woocommerce_variable_sale_price_html', 'wc_wc20_variation_price_format', 10, 2 );
add_filter( 'woocommerce_variable_price_html', 'wc_wc20_variation_price_format', 10, 2 );

Conclusión

Este snippet es una herramienta poderosa para mejorar la presentación de los precios de las variaciones de productos en tu tienda WooCommerce. No solo mejora la experiencia del usuario, sino que también puede contribuir a aumentar las conversiones al proporcionar información de precios más clara y precisa.