Ao trabalhar com GemPages, às vezes você pode notar diferenças entre os visualização do editor e publicado ao vivo página.
Por exemplo, uma imagem pode ser exibida corretamente dentro do editor, mas não aparecer depois que a página for publicada.
Esses problemas geralmente estão relacionados à visibilidade do produto, status de publicação ou conflitos de tema.
Razões comuns e como corrigir esse problema
Analise os motivos mais comuns e siga as etapas para garantir que suas páginas de produtos sejam exibidas corretamente.
1. Incorporação do aplicativo GemPages não habilitada
Se o O aplicativo GemPages não está habilitado no seu tema Shopify, sua página ativa pode parecer quebrada ou não exibir o layout correto.
Como corrigi-lo:
- De você Painel GemPages, clique em Ativar o Editor do Shopify.
- No editor de temas do Shopify, ative o Auxiliar de tema GemPages.
- Clique Economize para aplicar as mudanças.
2. Configurações incorretas do módulo de produto
Se a página do produto publicada mostrar um produto diferente do esperado, o Módulo de Produto pode não estar configurado corretamente.
Como consertar:
- No Editor GemPages, clique no Módulo de Produto para acessar suas configurações na barra lateral esquerda.
- Sob o Selecione o Produto seção, escolha Exibir por produto atribuído.
Essa configuração garante que o módulo exiba dinamicamente o produto atribuído ao modelo, em vez de um selecionado manualmente.
- Clique Publicar para aplicar as mudanças.
3. Produto não visível na loja online
Às vezes, um produto pode aparecer corretamente no Editor do GemPages, mas não na página ativa.
Como consertar:
- Navegue até o painel de administração do Shopify e selecione Produtos.
- Selecione o produto em questão e certifique-se de que seu status esteja definido como Ativo.
- Sob o Canais de vendas e aplicativos seção, verifique se o Loja Online canal é selecionado.
4. Alterações não publicadas
As edições feitas no Editor não aparecerão on-line até que você as publique.
- No seu painel do GemPages, acesse o modelo de produto no Editor.
- Clique em Publicar para atualizar a versão ativa da sua página com as últimas alterações.
5. Conflitos de CSS do tema
Se a página ativa parecer descentralizada, muito pequena ou alinhada de forma diferente do Editor, o CSS do seu tema Shopify pode estar substituindo os estilos do GemPages.
Como consertar:
- Tente mudar temporariamente para um tema padrão do Shopify (por exemplo, Dawn) para confirmar se o problema persiste.
- Se o design parecer correto com um tema padrão, o problema provavelmente está no CSS personalizado do seu tema ativo. Nesse caso, você pode ajustar ou remover o CSS conflitante ou usar o Classe CSS extra opção no GemPages para aplicar suas próprias correções.
5. Diferenças de design responsivo
Se a página ativa parecer diferente no desktop, tablet ou celular, suas configurações responsivas podem não corresponder.
Como consertar:
- No Editor, verifique a visualização de cada dispositivo (Desktop, Tablet, Celular).
- Revisão tamanho da fonte, margens e preenchimento para consistência.
- Certifique-se de que nenhum elemento esteja oculto ou redimensionado incorretamente nos pontos de interrupção.
- Visualize a página no Editor e na loja ativa.
Perguntas
1. Por que minhas fotos desaparecem após a publicação?
Isso geralmente acontece se a imagem não foi sincronizada corretamente entre o Shopify e o GemPages. Para corrigir:
- Verifique novamente se a imagem foi carregada diretamente no Shopify.
- Certifique-se de que o status do produto esteja definido como Ativo e disponível no canal de vendas da Loja Online.
- Volte para a Editor de GemPages, republique a página e atualize seu site ativo.
Se o problema persistir, tente limpar o cache do navegador ou enviar a imagem novamente no Shopify antes de publicá-la novamente.
2. Por que meu produto parece diferente na página ativa?
Isso geralmente ocorre quando o Módulo de Produto exibe o produto errado. Para corrigir:
- No Editor, selecione o Módulo de Produto.
- Em Selecionar produto, escolha Exibir por produto atribuído.
- Publique a página novamente para atualizar a versão ao vivo.
3. Por que minhas edições não são atualizadas online?
As edições feitas no Editor não serão exibidas até que você publique sua página novamente. Veja o que fazer:
- No painel do GemPages, abra seu modelo de produto.
- Clique Publicar para lançar a versão mais recente.
- Atualize a página da sua loja para ver as atualizações.
Se você ainda não vir alterações, limpe o cache do navegador ou tente no modo anônimo para descartar versões em cache.
4. Por que o layout parece diferente em comparação ao Editor?
Isso geralmente é causado pelo CSS do seu tema Shopify substituindo o estilo do GemPages. Nesse caso, tente temporariamente mudar para um tema padrão do Shopify (por exemplo, Dawn) e verifique se o layout parece correto.
Se isso acontecer, o problema está no CSS personalizado do seu tema atual. Você pode:
- Ajuste/remova o CSS conflitante no seu tema.
- Ou adicione uma classe CSS extra no GemPages e aplique suas próprias correções.
Obrigado por seus comentários