# 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 %}