# Tray Login

{% hint style="danger" %}
Para usar esse componente você deve inserir os scripts de login usando a chamada [`{{ tray.scripts_login }}`](https://partners.tray.com.br/themes/construindo-seu-template/objetos/tray#atributos-disponiveis)}. <mark style="color:red;">**Entretanto não recomendamos o uso desse recurso**</mark>. Ele já se encontra depreciado e será removido no segundo semestre de 2022.
{% endhint %}

É 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&#x20;
* 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:

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

Para acionar o modal utilize o código abaixo;

```javascript
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](http://dev.tray.com.br/hc/pt-br/articles/205392068-jQuery) nessas páginas serem inferiores ao suportado por esse método.