En el este artículo vamos a agregar la posibilidad de mostrar el precio sin impuestos nacionales (Ley N° 27.743). Este precio se mostrará en el detalle del producto:
HTML
Dentro de la carpeta snipplets vamos a agregar el componente price-without-taxes.tpl para el archivo product-form.tpl debajo de donde está ubicado el precio:
{{ component('price-without-taxes', {
container_classes: "mb-2 font-small opacity-60",
})
}}Podrás usar los siguientes parámetros:
- container_classes: son clases de CSS para el contenedor general
- text_classes.label: vamos a poder usarlo para las clases del texto "Precio sin impuestos"
- text_classes.price: vamos a poder usarlo para las clases del precio
JS
⚠️ A partir del día 30 de enero de 2023, la librería jQuery será removida del código de nuestras tiendas, por lo tanto la función "$" no podrá ser utilizada.
El JavaScript necesitamos agregarlo en el archivo store.js.tpl dentro de la función changeVariant en la parte del if (variant.price_short):
if (variant.price_short){
parent.find('.js-payment-discount-price-product').text(variant.price_with_payment_discount_short);
parent.find('.js-payment-discount-price-product-container').show();
} else {
parent.find('.js-price-display, .js-payment-discount-price-product-container').hide();
}De esta forma el precio se actualizará u ocultará dependiendo de cada variante
Activación
Por último podés activar la funcionalidad desde el Administrador nube, en la sección de Datos de mi negocio al final del formulario y activar el checkbox de "Mostrar el valor del total dela venta sin impuestos"
Listo, ya tenés en tu diseño la funcionalidad aplicada ¡Excelente!