Mostrar el precio de un producto con impuestos y sin impuestos

LucusHost, el mejor hosting

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.

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:

impuestos con y sin woocommerce

Todo esto para obtener el siguiente resultado en los productos:

mostrar precio en productos sin y con impuestos woocommerce

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:

mostrar precios con y sin iva woocommerce

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:

mostrar precio con y sin impuestos woocommerce

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

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)
mailerlite diegol

Especialista en Comercio electrónico con Woocommerce. Te ayudo a crear, gestionar y publicitar tu Ecommerce en función de tu sector y público objetivo. Puedes encontrarme en Diegol.top

¿Necesitas ayuda con este tutorial? Mándame un correo y te resuelvo todas las dudas!


Ver servicios Curso de WooCommerce

También puedes realizar una donacion para seguir apoyando la salida de nuevos tutoriales y actualizaciones

mailerlite diegol

Reader Interactions

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *