Uso de Liquid en Modyo

Liquid es un lenguaje de plantilla de código abierto creado por Shopify y escrito en Ruby , en Modyo utilizamos este lenguaje para añadir capacidades dinámicas a los canales digitales. Gracias a que su render se realiza del lado del servidor reducimos procesos del lado del cliente al mismo tiempo que optimizamos al máximo el rendimiento de nuestros canales digitales.

Liquid utiliza una combinación de objetos, etiquetas y filtros para transformar de manera simple sitios estáticos en sitios con contenido dinámico conectando las estructuras visuales que se crean en Channels con los datos generados en la sección de Contents o incluso adaptando ese contenido de acuerdo a las segmentaciones definidas en Customers.

Objetos

Los objetos, imprimen el contenido de Liquid al utilizarlos. Los objetos y las variables se muestran cuando están encerrados entre llaves dobles:

Liquid agrupa esto en listas llamadas Liquid Drops. Para la lista completa de drops que Modyo ofrece, ve Drops en nuestra documentación.

Tags (Etiquetas)

Las etiquetas crean la lógica y el flujo en la plantilla. Los delimitadores de porcentaje de llaves, no imprimen algún resultado visible cuando se despliega la plantilla.

Para ver más ejemplos de cómo usar Etiquetas, ve Tags en nuestra documentación.

Filtros

Un filtro es un método Ruby que toma uno o más parámetros y devuelve un valor. Los parámetros se pasan a los filtros por posición:

Para ver más ejemplos de cómo usar filtros, ve Filtros en nuestra documentación.

Ejemplos

Ejecutar un Javascript solo si la página se llama Home

Este if funciona tanto para ejecutar un Javascript, HTML, o CSS.

Filtros de fecha para mostrar solo año:

La sintaxis del formato es la misma que strftime.

Separar por espacios e imprimir solo la primer palabra:

Imprimir el tamaño del objeto:

Cortar el objeto en 20 caracteres:

Asignar un type con entries de Content y iterarlos dentro de un listado:

Si quieres saber más acerca de Liquid, ve su documentación oficial, visita la documentación de Modyo y asiste a nuestro webinar de desarrollo liquid

Foto por Bilal O. en Unsplash.