Introducción al Error de Sintaxis Liquid en Shopify
El lenguaje de plantillas Liquid es el corazón visual de Shopify. Permite mostrar contenido dinámico en tu tienda online. Sin embargo, un pequeño error tipográfico al editar el código de tu tema puede romper la visualización y mostrar un molesto mensaje de error de sintaxis Liquid en tu escaparate.
Causas Comunes del Error de Sintaxis
Los errores de Liquid suelen ocurrir debido a:
- Etiquetas de apertura o cierre mal escritas (por ejemplo,
{% if %}sin su correspondiente{% endif %}). - Uso incorrecto de filtros o variables no definidas.
- Comillas o llaves dobles mal cerradas en los objetos Liquid.
Método 1: Revisar el Historial de Cambios del Tema
Si el error apareció recientemente, la forma más rápida de solucionarlo es revertir la última modificación realizada en el código.
- Ve al panel de administración de Shopify y haz clic en Tienda online > Temas.
- En tu tema actual, haz clic en los tres puntos (Acciones) y selecciona Editar código.
- Busca el archivo afectado y haz clic en el enlace Historial de versiones ubicado en la parte superior del editor de código.
- Selecciona una versión anterior que funcionara correctamente y haz clic en Guardar.
Método 2: Validar y Corregir el Código Línea por Línea
Si necesitas mantener el código nuevo, deberás encontrar y corregir el error de sintaxis manualmente.
- Shopify suele indicar el número de línea aproximado donde se encuentra el error de Liquid. Dirígete al archivo señalado.
- Revisa minuciosamente las etiquetas de control. Asegúrate de que cada
{% if %},{% for %}o{% paginate %}tenga su respectivo cierre. - Comprueba que las variables estén envueltas correctamente entre llaves dobles, por ejemplo:
{{ product.title }}. - Guarda los cambios y actualiza tu tienda para verificar que el error haya desaparecido.