Como desarrollador web, a menudo nos encontramos con situaciones en las que los clientes desean personalizar sus tiendas en línea para que se ajusten mejor a sus necesidades.
En este caso, se nos ha planteado una pregunta específica sobre WooCommerce: cómo mostrar solo el precio más bajo en los productos variables, en lugar del rango de precios que se muestra de forma predeterminada.
Para lograr este objetivo, se puede modificar el archivo functions.php
del tema activo en su sitio web de WordPress. A continuación, se detalla el proceso y el código que debe agregar:
- Primero, asegúrese de hacer una copia de seguridad de su sitio web antes de realizar cualquier cambio en el código. Esto es esencial para evitar problemas inesperados y garantizar que pueda revertir a una versión anterior si algo sale mal.
- A continuación, abra el archivo
functions.php
de su tema activo en WordPress. Este archivo se encuentra en la carpeta de su tema, en la siguiente ruta:/wp-content/themes/{nombre_del_tema}/functions.php
- Agregue el siguiente código al final del archivo functions.php:
<xmp>add_filter( 'woocommerce_variable_sale_price_html', 'show_only_lowest_variation_price', 10, 2 );
add_filter( 'woocommerce_variable_price_html', 'show_only_lowest_variation_price', 10, 2 );
function show_only_lowest_variation_price( $price, $product ) {
$price = '';
$price .= woocommerce_price( $product->get_variation_price( 'min', true ) );
return $price;
}</xmp>
Este fragmento de código utiliza dos ganchos de filtro de WooCommerce: woocommerce_variable_sale_price_html y woocommerce_variable_price_html
.