WooCommerce: Cómo añadir un texto (prefijo) antes del precio

Si tienes una tienda online con WooCommerce seguro que tarde o temprano te surgirá la necesidad de añadir sistemáticamente un texto adicional antes de los precios, por el motivo que sea, pero sobre todo si quieres destacar los precios.

Texto antes del precio del producto (todos los productos)

En este caso vamos a añadir algún texto antes del precio visible en la página de los productos, aquí:

La solución es bien sencilla, solo tienes que añadir este código, personalizando el texto que quieras que se muestre:

/* Prefijo de precios */
add_filter( 'woocommerce_get_price_html', 'ayudawp_prefijo_precios' );
function ayudawp_prefijo_precios($price){
$text_to_add_before_price = ' PRECIOS EXCLUSIVOS '; 
return $text_to_add_before_price . $price ;
}

Lo que obtendremos, en todos los productos, sería esto:

Texto antes del precio del producto (solo en productos rebajados)

Ahora vamos a ponernos en otra situación, y es que quieras que el texto solo se muestre en los productos rebajados, en oferta. En este caso el código sería este otro:

/* Prefijo de precios rebajados */
add_filter( 'woocommerce_get_price_html', 'ayudawp_prefijo_precios_rebajados', 100, 2 );
function ayudawp_prefijo_precios_rebajados( $price, $product ) {
if ( $product->is_on_sale() ) {
$text_to_add_before_price = str_replace( '<ins>', '<ins><br>REBAJADO ', $price);
return $text_to_add_before_price ;
}else{
return $price;
}
}

El resultado es este, mostrándose el prefijo solo en productos rebajados y justo delante del precio en oferta:

¿Cómo añado estos códigos?

Para saber cómo añadir los códigos revisa esta sencilla guía:

Cómo y dónde pegar en WordPress códigos PHP, JS, CSS y funciones que encuentres por ahí

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!