¿Qué es el Error de Sintaxis en Liquid en Shopify?
El lenguaje de plantillas Liquid es el núcleo visual de Shopify. Cuando modificas el código de tu tema (en archivos como theme.liquid, index.json o secciones personalizadas) y cometes un pequeño error tipográfico, Shopify bloquea la renderización de la página y muestra un molesto mensaje de error de sintaxis en Liquid.
Causas Principales del Error de Sintaxis
- Etiquetas de apertura o cierre mal escritas (por ejemplo,
{% if %}sin su correspondiente{% endif %}). - Uso incorrecto de filtros o variables no definidas.
- Comillas faltantes o mal cerradas dentro de las etiquetas.
- Modificaciones directas en archivos JSON con errores de formato.
Método 1: Revisar el Historial de Cambios del Tema
- 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 tema activo y selecciona Editar código.
- Si recuerdas qué archivo modificaste, ábrelo. Shopify suele indicar la línea exacta del error en la parte superior.
- Haz clic en el botón Historial ubicado en la parte superior del editor de código.
- Selecciona una versión anterior previa al cambio defectuoso y haz clic en Guardar.
Método 2: Validar y Corregir el Código Liquid Manualmente
- Localiza el archivo exacto que genera el conflicto gracias a la advertencia del sistema.
- Busca estructuras condicionales o bucles incompletos. Por ejemplo, asegúrate de que cada
{% for %}tenga su{% endfor %}. - Utiliza bloques de código limpios. Un error común es anidar etiquetas incorrectamente, como en este ejemplo erróneo:
{% if product.available %}.{% endif %}
- Revisa que las variables utilicen la sintaxis correcta rodeadas por dobles llaves, como
{{ product.title }}. - Haz clic en Guardar y recarga tu tienda para verificar que el error haya desaparecido.