Tabla de contenido
Woocommerce incorpora la opción de crear productos que cuenten con variaciones. Ejemplos para verlo claro pueden ser un vino que se vende en packs de 6 ó 12 unidades o las dimensiones a elegir a la hora de comprar una cama. En este tipo de productos el precio, por defecto, se muestra como un rango ( 20 – 40€ ). Pero una alternativa más llamativa comercialmente hablando es mostrar un precio Desde en los productos variables de Woocommerce.
Este problema también nos lo encontramos con los productos agrupados, otra opción de mostrar productos que podemos encontrar en Woocommerce.
¿Qué son los productos agrupados?
Es una forma de mostrar varios productos de mi tienda en una misma página para intentar facilitar al usuario la compra de los mismos evitando la navegación en mi web, es una forma de mostrar productos de Woocommerce que se entienden pueden ser de interés para el usuario, bien porque tienen características similares, bien porque son complementarios.
¿Pero cómo vamos a poner el precio Desde en los productos variables de Woocommerce ?
Para hacer esto casi seguro que existe algún plugin pero como siempre en Irudigital somos más partidarios de utilizar un poco de código por varias razones. Buscamos evitar recargar la web con plugins que pueden estar añadiendo funciones que no vamos a necesitar. Y nos quitamos de en medio la carga de archivos o código css inline que retrasen la carga de la web.
Y conseguimos justo lo queremos con sólo…
añadir el siguiente código en el archivo functions.php
add_filter( 'woocommerce_variable_sale_price_html', 'wc_custom_variation_price_format', 10, 2 );
add_filter( 'woocommerce_variable_price_html', 'wc_custom_variation_price_format', 10, 2 );
function wc_custom_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( __( 'Desde: %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( __( 'Desde: %1$s', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );
if ( $price !== $saleprice ) {
$price = '<del>' . $saleprice . $product->get_price_suffix() . '</del> <ins>' . $price .
$product->get_price_suffix() . '</ins>';
}
return $price;
}
Incluso se puede personalizar un poco
Lo único que hay que hacer es cambiar la palabra Desde para sustituirla por otra expresión localizando las dos líneas donde aparece esté código:
sprintf( __( ‘Desde: %1$s’
Podemos cambiar el «Desde: » y poner en su lugar algo como «A partir de: » o «From: » si la web es en inglés.
En caso de querer ponerlo en euskera u otro idioma que por sintaxis el añadido vaya después de la cantidad, se borra el «Desde: » y se añade el texto después de «%1$s » dejando un espacio.
Por ejemplo, en euskera sería:
sprintf( __( ‘%1$s -tik aurrera‘
Y así de fácil hemos puesto el precio Desde en los productos variables de Woocommerce.
¿Y si queremos hacer este cambio en los productos agrupados de woocommerce?
Para mostrar un precio desde en los productos agrupados de woocommerce, tan sólo tenemos que añadir el siguiente código en nuestro archivo functions.php igual que hemos hecho con los productos variables.
<?php
add_filter( 'woocommerce_grouped_price_html', 'wc_custom_grouped_price_format', 10, 2 );
function wc_custom_grouped_price_format( $price, $product ) {
$tax_display_mode = get_option( 'woocommerce_tax_display_shop' );
$child_prices = array();
foreach ( $product->get_children() as $child_id ) {
$child_prices[] = get_post_meta( $child_id, '_price', true );
}
$child_prices = array_unique( $child_prices );
$get_price_method = 'get_price_' . $tax_display_mode . 'uding_tax';
if ( ! empty( $child_prices ) ) {
$min_price = min( $child_prices );
$max_price = max( $child_prices );
} else {
$min_price = '';
$max_price = '';
}
if ( $min_price == $max_price ) {
$display_price = wc_price( $product->$get_price_method( 1, $min_price ) );
} else {
$from = wc_price( $product->$get_price_method( 1, $min_price ) );
$display_price = sprintf( __( 'Desde: %1$s', 'woocommerce' ), $from );
}
return $display_price;
}
?>
¿Cómo añadimos este código a nuestro archivo functions.php?
Tenemos dos formas de hacerlo:
- Con un gestor de archivos (FTP) como Filezilla o similar, descargo el archivo functions.php a mi ordenador, lo abro en un editor de texto, añado el código y lo vuelvo a subir.
- Desde Apariencia –> Editor de temas tengo acceso a los archivos de mi web, desde ahí mismo puedo acceder al archivo functios.php, añadir el código y guardar los cambios.
Personalmente, prefiero hacer los cambios en el código con un gestor de archvios porque tengo más control sobre el código que estoy modificando, además, esto me permite guardar una copia de seguridad y en caso de que algo no funcione como yo esperaba puedo volver a subir el archivo original.
Mucha gracias por la informaciónón me funcionó perfecto, y también al primer comentario 😀
Buenos días, Nicolas
Tienes razón, se puede hacer mediante el editor de archivos integrado en WordPress.
Personalmente prefiero hacerlo desde un editor de texto, donde puedo manejar más cómodamente el código y subir el archivo de nuevo.
Pero ambas son vías válidas. Gracias por tu aportación.
Un saludo.
Me funcionó perfecto y al primer intento… Sólo te sugiero agregar esta indicación que encontré en otro post: La forma más sencilla de hacerlo es entrando en tu panel de administración de WordPress y yendo a la sección “Apariencia > Editor“. Una vez dentro, a la derecha, en el apartado “Plantillas“, haz clic sobre “Funciones del tema” y se cargará en el editor el código de tu archivo function.php. Por último, sólo tienes que desplazarte hasta la última línea del archivo, pegar el código snippet anterior y hacer clic en “Actualizar archivo” para guardar los cambios.
Muchas gracias por tu ayuda.