Acerca del elemento líquido
El Liquid El elemento le permite agregar Líquido, HTML, JavaScript, or CSS códigos para personalizar secciones e integrar aplicaciones de terceros usando GemPages.
Para agregar el elemento a su página, siga estos pasos.
Paso 1: Desde el Panel de Control de GemPagesAbra la plantilla que prefiera para editarla. Arrastre y suelte el elemento en la posición deseada.
Paso 2:Haga clic derecho en el elemento y luego seleccione "Editar" para abrir el panel de código.
Paso 3:Agregue el código personalizado al panel de código correspondiente y haga clic en "Guardar" cuando termine.
Paso 4: Finalmente, presione "Publicar" para comenzar a renderizar el código.
pestaña de Configuración
Con el Configuración En la pestaña, puedes establecer el nombre de ese elemento específico de Liquid para diferenciarlo. También puedes elegir cómo se posiciona el elemento con 3 opciones: alineado a la izquierda, centrado y alineado a la derecha.
Pestaña Diseño
Para estilizar cómo se ve el elemento, navegue a la pestaña Diseño y siga las instrucciones en este artículo.
Solución de problemas de "Error de líquido" en GemPages V6
- Sintaxis de Liquid no válida o no compatible: Verifique nuevamente que su código coincida Documentación de Liquid de Shopify.
- Variables u objetos faltantes:Asegúrate de que el producto, la colección o la sección a la que llamas realmente exista en Shopify.
- Conflictos con scripts de terceros:Elimine o pruebe su código en partes más pequeñas para identificar la fuente del conflicto.
- Revise y corrija la sintaxis de su código Liquid.
- Primero pruebe con un fragmento básico para confirmar que el elemento funciona.
- Si el error persiste, elimine el fragmento y vuelva a agregarlo paso a paso.
- Comuníquese con el soporte de GemPages si el problema está relacionado con la integración de la aplicación.
Preguntas frecuentes
1. ¿Qué tipos de código puedo agregar usando el elemento Liquid?
Puede añadir Liquid, HTML, CSS y JavaScript Dentro del elemento Liquid, lo que lo hace útil para lógica personalizada, estilos, incrustaciones de aplicaciones y scripts interactivos en una sola página.
2. ¿Puedo usar el elemento Liquid para integrar aplicaciones de terceros?
Sí. Muchas aplicaciones proporcionan fragmentos de HTML o códigos de inserción JS que se pueden pegar directamente en el elemento Liquid. Si la aplicación requiere archivos de tema, es posible que también debas actualizar tu tema de Shopify.
3. ¿Puedo importar JS desde? theme.liquid ¿en una página de GemPages?
No es necesario importar el script manualmente. Si su página de GemPages usa una plantilla que incluye theme.liquidCualquier JavaScript añadido allí se cargará automáticamente.
Si está utilizando un diseño sin encabezado/pie de página, agregue el JS dentro del elemento Liquid o actualice el theme.gem-layout-none.liquid archivo para que el script pueda ejecutarse correctamente.
4. ¿Debo poner mi JavaScript en theme.liquid ¿o dentro del elemento Líquido?
- Usa
theme.liquidpara scripts que deben ejecutarse en todas . - Utilice el elemento Liquid cuando el script esté destinado a una sola página específica, como una página de destino o un paso de embudo creado con GemPages.
5. ¿Puedo agregar varios elementos Liquid a una página?
Sí. Puedes colocar tantos elementos Liquid como necesites. Cada uno se procesa de forma independiente y puede contener diferentes lógicas o scripts.
6. ¿Puede el elemento Liquid ralentizar mi página?
Puede serlo si agregas JavaScript pesado o bloqueador. Siempre prueba y evita cargar bibliotecas grandes o scripts duplicados en varios elementos Liquid.
gracias por tus comentarios