Poner un texto detrás o delante del precio del producto en WooCommerce

Mostrar que el precio incluye impuestos incluidos, que hay que sumarle los gastos de envío u otra información en ocasiones necesitamos añadirla después del precio del producto. Así que sin explicaciones teoricas vamos a hacerlo.

Añadir IVA o impuestos incluidos en el precio de los artículos

Esto lo podemos hacer directamente desde los ajustes de WooCommerce sin necesidad de meter un snippet. Desde WooCommerce > Ajustes > Impuestos, para que nos muestren este apartado deberemos activarlo en General. En esta sección deberemos poner lo que queremos aquí:

Consiguiendo el siguiente resultado:

Añadir un texto personalizado después del precio

En este caso vamos a usar un código. Podemos añadirlo en el functions.php de nuestro tema hijo o bien desde nuestro plugin de funcionalidades como explico aquí.

function dl_mostrar_texto_despues_precio( $price ) {
		$price .= '<br><div class="gastosenvio"><br>+gastos de envío</div>'; // Modificar el texto a nuestro gusto, en este caso hay un salto de línea
		return $price;
	}
	add_filter( 'woocommerce_get_price_html', 'dl_mostrar_texto_despues_precio' ); // Para mostrarlo en el catalogo y ficha de producto
	add_filter( 'woocommerce_cart_item_price', 'dl_mostrar_texto_despues_precio' ); // Para mostrarlo en el carrito

En este caso he hecho un salto de línea para que salga debajo del precio y con una clase para personalizar el estilo a nuestro gusto mediante CSS. Obteniendo el siguiente resultado:

Con esto dos trucos hemos añadido texto arriba y abajo del precio. Se queda muy completo.

Añadirlo pero solo en ciertos productos

En el caso que solo queramos añadirlo en unos productos en concreto usaremos el siguiente código:

function dl_cambio_producto_sufijo_precio( $price_html, $product ) {
 if ( 1088 === $product->id ) {
 $price_html = '+Transporte productos frescos';
 }
 return $price_html;
}
add_filter( 'woocommerce_get_price_html', 'dl_cambio_producto_sufijo_precio', 10, 2 );
add_filter( 'woocommerce_cart_item_price', 'dl_cambio_producto_sufijo_precio', 10, 2 );

Para seleccionar el producto ponemos el número de su ID en lugar del 1088.

Cualquier duda sobre el tutorial, os leo en comentarios!