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.
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.
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.
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.
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
Carlos Solís
Descubre cómo Domain Driven Design te permite construir aplicaciones que se alinean perfectamente con tu negocio. Aplica DDD en arquitecturas de microservicios y micro frontends para crear soluciones más escalables y adaptables, aprovechando el potencial de Modyo.
Carlos Solís
La depuración es una parte esencial del desarrollo de software. Nos permite identificar y corregir errores, optimizando el rendimiento y la estabilidad de nuestras aplicaciones
Carlos Solís
Optimizar imágenes es esencial para cualquier sitio web, sobre todo si buscas que cargue rápido y ofrezca una buena experiencia de usuario