Introducción al Error de Sintaxis en Liquid
El motor de plantillas Liquid es el corazón visual de Shopify. Permite mostrar dinámicamente los productos, precios y elementos de diseño. Sin embargo, un pequeño error tipográfico al editar el código de tu tema puede romper por completo la visualización de tu tienda online, mostrando un mensaje de error de sintaxis en lugar de tu escaparate.
Principales Causas del Error de Sintaxis en Liquid
- Etiquetas de apertura o cierre mal escritas, como
{% if %}sin su correspondiente{% endif %}. - Uso incorrecto de filtros o variables no definidas dentro del objeto.
- Comillas o llaves dobles/simples desbalanceadas en objetos como
{{ product.title }}. - Modificaciones directas en archivos críticos del tema sin realizar una copia de seguridad previa.
Método 1: Utilizar el Registro de Cambios y Historial de Shopify
- Inicia sesión en tu panel de administración de Shopify y ve a Canales de venta > Tienda online > Temas.
- Haz clic en los tres puntos
...junto al botón de Personalizar y selecciona Editar código. - Busca el archivo que editaste recientemente (por ejemplo,
index.liquidoproduct-template.liquid). - En la parte superior del editor de código, haz clic en la opción Versiones anteriores.
- Selecciona la versión previa al error y haz clic en Guardar para revertir los cambios defectuosos.
Método 2: Depurar y Corregir la Línea de Código Afectada
- Identifica el mensaje de error específico que arroja Shopify en el editor (suele indicar el número de línea aproximado).
- Revisa el archivo afectado y busca discrepancias en las etiquetas delimitadoras de Liquid:
{{ ... }}para variables y{% ... %}para lógica. - Asegúrate de cerrar siempre todas las sentencias condicionales e iteraciones. Por ejemplo, verifica que cada
{% for %}tenga su{% endfor %}: - Haz clic en el botón Guardar y verifica que el mensaje de error desaparezca y el sitio cargue correctamente.
{% for product in collection.products %}{{ product.title }}
{% endfor %}