Tray Login

Para usar esse componente você deve inserir os scripts de login usando a chamada {{ tray.scripts_login }}}. Entretanto não recomendamos o uso desse recurso. Ele já se encontra depreciado e será removido no segundo semestre de 2022.

É possível chamar o modal de login em qualquer página da loja.

Para que funcione corretamente é necessário:

  • Que a loja seja Personalizável

  • Esteja 100% em ambiente seguro (https)

Com esses requisitos atendidos, basta seguir o passo a passo abaixo:

Faça a chamada do componente no arquivo default.html como abaixo:

{% if pages.current != 'login' %}
    {% element 'snippets/tray_login' %}
{% endif %}

Para acionar o modal utilize o código abaixo;

jQuery('#login-button').click(function(event) {
  event.preventDefault();
  jQuery('tray-login').show();
});

Usando o método click() o modal será exibido em todas as páginas editáveis.

Caso seja utilizado o método on('click') não funcionará nas páginas fechadas, pelo fato de a versão do jQuery nessas páginas serem inferiores ao suportado por esse método.

Last updated