Adicionar um link de login para clientes ao tema

Observação

A personalização se aplica a temas da Online Store 2.0 e não a temas vintage da Shopify. Descubra a versão da arquitetura do tema da loja.

Se você usa as contas de cliente e um link de login não é exibido no cabeçalho do tema, é possível adicioná-lo. Antes de editar o código do tema, analise as considerações sobre personalização.

Verificar se há um link de login no tema

Muitos temas incluem links de login por padrão. Antes de continuar com este tutorial, verifique se o tema aceita esse tipo de recurso.

Etapas:

1. No admin da Shopify, acesse Configurações > Contas de clientes.

2. Ative o botão de alternância Mostrar links de login.

3. Depois, acesse a loja virtual como se fosse um cliente e verifique se o ícone do perfil está no cabeçalho da loja para fazer login.

4. Em caso negativo, siga as etapas para adicionar um link de login ao tema.

Adicionar um link de login ao tema

Dica

Este é um tutorial avançado. Caso você não queira ler e editar o código do tema, trabalhe com um desenvolvedor ou contrate um Parceiro da Shopify.

Se o ícone de perfil não aparecer no cabeçalho da loja virtual para permitir que clientes acessem a loja, adicione um link de login ao tema.

Etapas:

1. No admin da Shopify, acesse Loja virtual > Temas.
2. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
3. Na pasta Seções, abra o arquivo header.liquid.
4. Adicione o snippet de código a seguir ao arquivo header.liquid e clique em Salvar.
   • Para direcionar as pessoas às contas de cliente após o login:

{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.account_login_url }}">Login</a>
{% endif %}

• Para direcionar os clientes de volta à loja virtual após o login:

{% if customer %}
  <a href="{{ routes.account_url }}">Account</a>
{% else %}
  <a href="{{ routes.storefront_login_url }}">Login</a>
{% endif %}