Sobre o elemento Líquido
O processo de Liquid elemento permite que você adicione Líquido, HTML, JavaScript, or APF códigos para personalizar seções e integrar aplicativos de terceiros usando GemPages.
Para adicionar o elemento à sua página, siga estes passos.
Etapa 1: A partir do Painel do GemPages, abra seu modelo preferido para editar. Arraste e solte o elemento na posição desejada.
Etapa 2: Clique com o botão direito do mouse no elemento e selecione "Editar" para abrir o painel de código.
Etapa 3: Adicione o código personalizado ao painel de código correspondente e clique em "Salvar" quando terminar.
Etapa 4: Finalmente, clique "Publicar" para começar a renderizar o código.
Guia Configurações
Com o Configurações tab, você pode definir o nome para aquele elemento Liquid específico para diferenciação. Você também pode escolher como o elemento é posicionado com 3 opções: alinhado à esquerda, centralizado e alinhado à direita.
Guia Design
Para estilizar a aparência do elemento, navegue até a guia Design e siga as instruções em Este artigo.
Solução de problemas de “erro de líquido” no GemPages V6
- Sintaxe Liquid inválida ou não suportada: Verifique se o seu código corresponde. Documentação Liquid da Shopify.
- Variáveis ou objetos ausentesCertifique-se de que o produto, coleção ou seção que você está chamando realmente existe no Shopify.
- Conflitos com scripts de terceirosRemova ou teste seu código em partes menores para identificar a origem do conflito.
- Revise e corrija a sintaxe do seu código Liquid.
- Teste primeiro com um snippet básico para confirmar se o elemento funciona.
- Se o erro persistir, remova o snippet e adicione-o novamente passo a passo.
- Entre em contato com o Suporte do GemPages se o problema estiver relacionado à integração do aplicativo.
Perguntas frequentes
1. Que tipos de código posso adicionar usando o elemento Liquid?
Você pode adicionar Liquid, HTML, APF e JavaScript dentro do elemento Liquid. Isso o torna útil para lógica personalizada, estilização, incorporação de aplicativos e scripts interativos em uma única página.
2. Posso usar o elemento Liquid para incorporar aplicativos de terceiros?
Sim. Muitos aplicativos fornecem trechos de HTML ou códigos JS incorporados, que podem ser colados diretamente no elemento Liquid. Se o aplicativo exigir arquivos de tema, talvez seja necessário atualizar também o seu tema do Shopify.
3. Posso importar JS de theme.liquid Em uma página do GemPages?
Você não precisa "importar" o script manualmente. Se a sua página GemPages usa um modelo que inclui theme.liquidQualquer JavaScript adicionado ali será carregado automaticamente.
Se você estiver usando um layout sem cabeçalho/rodapé, adicione o JS dentro do elemento Liquid ou atualize o theme.gem-layout-none.liquid arquivo para que o script possa ser executado corretamente.
4. Devo colocar meu JavaScript em theme.liquid ou dentro do elemento Líquido?
- Uso
theme.liquidpara scripts que devem ser executados em todos os Páginas. - Use o elemento Liquid quando o script for destinado a uma única página específica, como uma página de destino ou uma etapa de funil criada com o GemPages.
5. Posso adicionar vários elementos Liquid a uma mesma página?
Sim. Você pode adicionar quantos elementos Liquid forem necessários. Cada um é tratado de forma independente e pode conter lógicas ou scripts diferentes.
6. O elemento Liquid pode deixar minha página mais lenta?
Isso pode acontecer se você adicionar JavaScript pesado ou que bloqueie o processo. Sempre teste e evite carregar bibliotecas grandes ou scripts duplicados em vários elementos Liquid.
Obrigado por seus comentários