# Tray Login

{% hint style="danger" %}
Para usar esse componente você deve inserir os scripts de login usando a chamada [`{{ tray.scripts_login }}`](/themes/construindo-seu-template/referencias/objetos/tray.md#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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://partners.tray.com.br/themes/construindo-seu-template/referencias/componentes/tray-login.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.