> For the complete documentation index, see [llms.txt](https://partners.tray.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://partners.tray.com.br/themes/construindo-seu-template/editor-do-tema/editor/link-do-manual.md).

# Link do Manual

Pensando em deixar o link do manual do tema de maneira dinâmica, foi criado um novo item do lado do Studio e precisamos garantir que no arquivo `settings.html` funcione corretamente, para isso basta seguir o modelo abaixo.

{% hint style="info" %}
**Observação**

Esse item irá funcionar somente para o tema padrão 2.0 e temas derivados dele
{% endhint %}

Um input hidden será retornado dentro do Studio após a renderização. Ele poderá ser acessado pelo editor do tema usando o id `theme-docs-url`. Abaixo um exemplo de como o campo será retornado pelo Studio.

```html
<input id="theme-docs-url" type="hidden" name="theme-docs-url" value="https://link-manual.com.br">
```

No arquivo `settings.html`, no link do manual, devemos deixar o *href* sem o link, somente com o *#*

```html
<a id="doc-link" href="#" target="_blank" rel="noreferrer noopener">
   Manual do tema
</a>
```

E criar uma função para fazer a validação, conforme abaixo:

```javascript
setDocLink: function() {
    var docsUrl = $('#theme-docs-url').val();
    if (docsUrl && docsUrl.trim() !== '') {
         $('#doc-link').attr('href', docsUrl);
    }
},

// Inicia a função
this.setDocLink();
```

Com isso o link do manual funcionará perfeitamente de maneira dinâmica

{% hint style="info" %}
**Atenção!**

Lembre-se de validar os IDs e adaptar de acordo com o seu tema.
{% endhint %}