Mostrar precios de variantes en WooCommerce con el formato 'Desde XX€'.

En el mundo del comercio electrónico, la forma de presentar el precio de un producto puede marcar la diferencia entre una compra y un abandono. Una de las formas más efectivas de hacerlo más atractivo es utilizar el formato "Desde XX€" para mostrar los precios de las variantes de los productos en WooCommerce. En este artículo, te guiaré paso a paso sobre cómo insertar un fragmento de código para conseguirlo.

Paso 1: Preparación

Antes de empezar, asegúrate de haber instalado y activado el plugin WooCommerce en tu sitio web. Además, debes tener un buen conocimiento de la funcionalidad básica de WooCommerce y de la gestión de productos y variantes.

Paso 2: Crear un archivo de función

Para insertar el fragmento de código, debe crear un archivo de función personalizada en su tema de WordPress. Para ello, abra el editor de temas y cree un nuevo archivo llamado funciones.php en la carpeta wp-content/temas/tu-tema.

Te recomiendo que lo hagas en la carpeta de tu tema 'Hijo' para que no pierdas estos cambios cuando vayas a actualizar tu tema.

Paso 3: Inserte el fragmento de código

En el fichero funciones.phpañada el siguiente código:

/**
 * Snippet Name:	WooCommerce Show Coupon Code Used In Emails
 * Snippet Author:	halkoo.com
 */

add_filter( 'woocommerce_get_price_html', 'change_variable_products_price_display', 10, 2 );

function change_variable_products_price_display( $price, $product ) {
    // Only for variable products type
    if( ! $product->is_type('variable') ) return $price;
    $prices = $product->get_variation_prices( true );
    if ( empty( $prices['price'] ) )
        return apply_filters( 'woocommerce_variable_empty_price_html', '', $product );
    $min_price = current( $prices['price'] );
    $max_price = end( $prices['price'] );
    $prefix_html = '<span class="price-prefix">' . __('Da ') . '</span>';
    $prefix = $min_price !== $max_price ? $prefix_html : ''; // HERE the prefix
    return apply_filters( 'woocommerce_variable_price_html', $prefix . wc_price( $min_price ) . $product->get_price_suffix(), $product );
}

Guarda el archivo.

Después de seguir estos pasos, los precios de las variantes de producto de WooCommerce en tu sitio web deberían mostrarse en el formato 'Desde XX€'.

De este modo, conseguirá que su sitio web sea más atractivo y aumentará las posibilidades de conversión de sus clientes. ¡Felices ventas!

¿Necesita ayuda? Escriba a info@halkoo.com para recibir un presupuesto personalizado para su nuevo sitio web o tienda de comercio electrónico.