Si necesitamos mostrar en los productos los precios con y sin impuestos, tenemos varias opciones de hacerlo y sin plugins. Para poder entender el tutorial te recomiendo saber cómo funciona la configuración de impuestos en WooCommerce, si quieres informare te dejo este vídeo.
A continuación, os dejo las diferentes formas más efectivas.
Índice
Mediante los ajustes de WooCommerce
La forma más sencilla pero menos personalizable es desde la configuración de impuestos de WooCommerce. Desde opciones de impuestos, debemos añadir en la sección de sufijo:
{price_excluding_tax}
Esto significa, que después del precio, mostrará el precio sin impuestos. Eso sí, podemos añadir texto y espacios para dejarlo bien:

Todo esto para obtener el siguiente resultado en los productos:

Si quieres personalizar más esta sección te recomiendo este artículo donde explico como poner texto delante y detrás de los precios de productos en WooCommerce
Mediante código
En caso de que no lo queramos mostrar de forma tan limitada y que ambos precios estén en mayúscula, lo mejor sería añadir este fragmento de código en tu Child Theme o bien en tu plugin de funcionalidades como explico aquí:
add_filter( 'woocommerce_get_price_suffix', 'dl_anadir_precio_impuestos_sufijo', 99, 4 );
function dl_anadir_precio_impuestos_sufijo( $suffix, $product, $price, $qty ){
$suffix = ' <small>IVA Incluido</small> - ' . wc_price( wc_get_price_excluding_tax( $product ) ) . ' <small>Sin IVA</small>';
return $suffix;
}
Obteniendo el siguiente resultado:

En este caso lo he puesto con el IVA, impuesto de España. Puedes cambiar el texto y poner los impuestos de tu país.
Si quieres mostrarlos en orden inverso, porque tienes por defecto el precio sin impuestos, deberás añadir este código:
add_filter( 'woocommerce_get_price_suffix', 'dl_anadir_precio_sin_impuestos_sufijo', 99, 4 );
function dl_anadir_precio_sin_impuestos_sufijo( $suffix, $product, $price, $qty ){
$suffix = ' <small>Sin IVA</small> - ' . wc_price( wc_get_price_including_tax( $product ) ) . ' <small>IVA Incluido</small>';
return $suffix;
}
Obteniendo en este mismo producto el siguiente resultado:

Esto sería todo por el tutorial de hoy. Recuerda que para cualquier consulta personalizada tienes mi servicio de consultoría o Mantenimiento WooCommerce.
Deja una respuesta