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.

Observação

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

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.

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

<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:

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

Atenção!

Lembre-se de validar os IDs e adaptar de acordo com o seu tema.