El editor de WoowUp utiliza un potente motor de templates llamado TWIG, el cual te brinda la capacidad de utilizar programación para modificar los templates según los datos disponibles de tus clientes en WoowUp.
En este artículo te explicaremos específicamente como modificar el formato del precio de tus campañas quitando los decimales de manera simple con solo sustituir el campo dinámico del precio.
Primero que aplicaremos será el filtro raw, lo que hará es imprimir el texto sin escapear en entidades HTML.
Luego utilizaremos el filtro number_format para modificar el formato del precio en tus campañas.
Por ejemplo, si quieres mostrar el número sin decimales y con un puntos como separadores de miles, puedes hacer lo siguiente:
{{ numero|number_format(0, '.', '.','.') }}
En este caso, el primer argumento indica la cantidad de decimales que quieres mostrar, el segundo argumento indica el separador decimal que quieres utilizar, y el tercer argumento indica el separador de miles que quieres utilizar.
Códigos para cambiar el Formato del precio
Campo | Sustituir | Nueva sentencia |
Price | {{p.price)}} | {{p.raw_price|number_format (0, '.', '.','.')}} |
Listado de más de 1 producto | {{p1.price)}} | {{p1.raw_price|number_format (0, '.', '.','.')}} |
Listado de más hasta 2 productos | {{p2.price)}} | {{p2.raw_price|number_format (0, '.', '.','.')}}
|
Listado de más de 3 productos | {{p3.price)}} | {{p3.raw_price|number_format (0, '.', '.','.')}} |
Listado de más de 4 productos | {{p4.price)}} | {{p4.raw_price|number_format (0, '.', '.','.')}} |
Precio unitario del producto | {{ p.unit_price }} | {{p.raw_unit_price|number_format (0, '.', '.','.')}} |
Precio oferta o lista del producto | {{p_offer_or_list_price}} | {{p.raw_offer_or_list_price|number_format (0, '.', '.','.') }} |
Producto Visitado Destacado | {{featured.price}} | {{featured.raw_price|number_format (0, '.', '.','.')}} |
Total del precio de todos los productos que contienen el carrito abandonado | {{customer.abandoned_cart_total}} | {{customer.abandoned_cart.raw_total_price|number_format(0, '.', '.','.')}} |
Códigos para cambiar el Formato del precio en HTML
Para aquellos casos en los que la fila dinámica calcula el offer price en HTML como en este caso:
Deberás sustituir este código:
<div class="txtTinyMce-wrapper">
<p><span style="text-decoration: line-through; font-size: 14px; color: rgb(85, 85, 85); " data-mce-style="text-decoration: line-through; font-size: 14px; color: rgb(85, 85, 85); ">{{ p.strike_price("$")|raw }}</span><span style="font-size: 14px; color: rgb(85, 85, 85); "> {{ p.calculate_discount("% OFF") }}</span></p>
</div>
Por este:
<div class="txtTinyMce-wrapper">
<p><span style="text-decoration: line-through; font-size: 14px; color: rgb(85, 85, 85); " data-mce-style="text-decoration: line-through; font-size: 14px; color: rgb(85, 85, 85); ">{% if p.raw_price > 0 and p.raw_offer_price < p.raw_price %}
<span style="text-decoration: line-through; font-size: 14px; color: rgb(85, 85, 85); " data-mce-style="text-decoration: line-through; font-size: 14px; color: rgb(85, 85, 85); ">$ {{p.raw_price | number_format(0,',','.') }}</span>
{% endif %}</span><span style="font-size: 14px; color: rgb(85, 85, 85); "> {{ p.calculate_discount("% OFF") }}</span></p>
</div>
Ten en cuenta de sustituir en los casos que se muestre más de 1 producto el p.raw_price por p1.raw_price, p2.raw_price, p3.raw_price, respectivamente.
Es importante mantener exactamente el mismo formato en los códigos, en caso de que tengas alguna inquietud puedes contactar a nuestro equipo de soporte.