Introducción al Error de Sintaxis en Liquid
Liquid es el lenguaje de plantilla de código abierto utilizado en Shopify para cargar dinámicamente el contenido de las tiendas en línea. Cuando modificas el código de tu tema (Theme.liquid, product-template.liquid, etc.) y cometes un pequeño error tipográfico, Shopify bloquea la renderización y muestra un mensaje de error de Liquid en la tienda.
Causas Comunes del Error en Liquid
Los fallos más frecuentes al editar código Liquid en Shopify suelen deberse a:
- Etiquetas de apertura o cierre incompletas (por ejemplo, olvidar cerrar un bloque
{% if %}con un{% endif %}). - Uso incorrecto de filtros o variables no definidas.
- Errores tipográficos en las comillas o llaves dobles
{{ }}y de control{% %}.
Método 1: Revisar el Historial de Versiones del Tema
Si editaste recientemente el código y la tienda dejó de funcionar, la forma más rápida de solucionarlo es revertir los cambios.
- Inicia sesión en tu panel de administración de Shopify.
- Ve a Tienda online > Temas.
- En tu tema actual, haz clic en los tres puntos (...) y selecciona Editar código.
- Busca el archivo que modificaste recientemente.
- Haz clic en el botón Versiones anteriores situado en la parte superior del editor de código.
- Selecciona la versión estable anterior a tu modificación y haz clic en Guardar.
Método 2: Corregir Etiquetas de Control Huérfanas
Si necesitas mantener el código modificado, debes revisar la sintaxis línea por línea utilizando el mensaje de error que proporciona Shopify.
- Identifica el número de línea y el archivo exacto que menciona el aviso de error de Liquid.
- Abre ese archivo en el editor de Shopify.
- Verifica que cada etiqueta de apertura tenga su correspondiente cierre. Por ejemplo, revisa que todo
{% paginate %}tenga su{% endpaginate %}y cada{% for %}su{% endfor %}. - Asegúrate de que las variables usen la sintaxis correcta, como
{{ product.title }}. - Haz clic en Guardar y recarga tu tienda para verificar que el error ha desaparecido.