Si los nombres de tus productos aparecen muy largos, en minúsculas o MAYÚSCULAS, puedes usar estas funciones para que se vean más prolijos dentro de filas dinámicas.
Funciones
1) Poner la primera letra de cada palabra en mayúscula (Title Case)
Usa:
{{ p.full_name | title }}
2) Limitar la cantidad de palabras visibles (ejemplo: 1 palabra)
Usa:
{{ p.name | split(' ') | slice(0, 1) | join(' ') }}
El 1 en slice(0, 1) es la cantidad de palabras que quieres mostrar.
Ejemplo: para 2 palabras, cambias a slice(0, 2).
3) Recortar por cantidad de caracteres (ejemplo: 9 caracteres)
Usa:
{{ p.full_name | truncate(9) }}El
9es la cantidad máxima de caracteres a mostrar.
Tip: si quieres que se vean los “...” correctamente, prueba subir o bajar ese número hasta que se adapte a lo que deseas.
Dónde se aplican
Vuelve al Editor de la plantilla.
Haz click en el nombre del producto dentro de la fila dinámica.
Entra a Propiedades HTML.
Busca el campo donde se imprime el nombre/título del producto y reemplazalo por una de las funciones de arriba.
Importante (cuando hay varios productos en la fila)
Si tu fila dinámica tiene varios productos (P1, P2, P3, etc.), asegúrate de aplicar la función al producto correcto según corresponda, para que no se repita el mismo contenido o se aplique al producto equivocado.
Más filtros y funciones
Puedes ver más opciones de filtros en este artículo