Solução de problemas

Se você tiver problemas com o editor de temas, verifique se o problema aparece abaixo.

Problemas comuns

Problema: falha ao carregar a página

A página está redirecionando para um URL não compatível

Se sua vitrine inclui código que redireciona os usuários paro URLs que não estão conectados à sua loja, verifique se o redirecionamento foi desabilitado quando você visitar o editor de temas.

Por exemplo, esse tipo de redirecionamento pode ser adicionado a uma vitrine a fim de direcionar os compradores para diferentes lojas da Shopify, dependendo da localização deles. Esse tipo de código de redirecionamento pode existir no seu tema ou em um app que você instalou.

Para garantir que seu redirecionamento não interfira na experiência do editor, substitua window.location.href = por window.parent.location.href = no código JavaScript do seu tema. Se isso não for possível, use uma referência à variável window.Shopify.designMode no JavaScript para desabilitar o redirecionamento quando você visitar o editor de temas. Esta variável está configurada para true quando a vitrine for carregada no editor e false quando não for.

A página não foi carregada por causa de algum erro

Há vários motivos para uma página não ser carregada no editor de temas. Os problemas comuns incluem:

  • Problemas de conexão de rede
  • Código do Liquid inválido no tema

Se o erro não está sendo causado por esses problemas, tente visitar a loja virtual acessando Ações do tema > Pré-visualizar tema no editor de temas. Caso a página não carregue, entre em contato com o Atendimento ao cliente da Shopify para receber ajuda relacionada à vitrine.

Erro de HTML encontrado

Ao fazer alterações nas configurações do tema no editor de temas, talvez você veja a mensagem de aviso "Erro de HTML encontrado" no editor:

Banner de erro HTML

Essa mensagem aparece quando um erro de sintaxe é encontrado no código do tema. Para resolver o problema, examine o código no arquivo Liquid mencionado no aviso. No exemplo acima, ele seria slideshow.liquid.

Encontrar o problema no código do tema

  1. Clique no arquivo de seção .liquid cujo link está na mensagem de erro. Essa ação direcionará você para a página Editar HTML/CSS, e o arquivo será aberto no editor de códigos.

  2. Procure no arquivo o código HTML ou Liquid inválido. O editor de códigos mostrará possíveis erros de sintaxe em vermelho. Os problemas comuns incluem:

  • Tags HTML de fechamento extras, por exemplo, uma tag de fechamento </div> sem tag de abertura <div>
  • Tags HTML não fechadas extras, por exemplo, uma tag de abertura <div> sem tag de fechamento </div>
  • Tags HTML com erro de sintaxe, por exemplo, <div class="my-class" sem >
  • Código Liquid com erro de sintaxe
  • HTML quebrado em um arquivo snippet do tema incluído
  1. Depois de encontrar o problema, corrija o código no arquivo do tema.

  2. Clique em Salvar.

  3. Clique em Personalizar para retornar ao editor de temas e confirme se a mensagem de erro desapareceu.

Outras soluções

Se não for possível resolver o problema seguindo as etapas anteriores, considere estas opções:

Tudo pronto para começar a vender com a Shopify?

Experimente de graça