> 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.md).

# Editor

O editor de temas é feito na estrutura HTML, podendo utilizar CSS, Javascript, entre outros e toda sua estrutura deve estar no arquivo **`settings.html`**. Veremos mais a seguir.

Sua exibição e componentes varia de acordo com o desejo e necessidade de cada loja.

<figure><img src="/files/TXYXHZ0jlpLVUdjjRkkH" alt=""><figcaption><p><strong>Exemplo do editor utilizado no tema Padrão 2.0</strong></p></figcaption></figure>

Para que seja habilitada a opção **Editar Tema** é necessária a existência de dois arquivos na pasta **`configs`** são eles:

* [S](/themes/construindo-seu-template/editor-do-tema/editor/settings.html.md)[ettings.html](/themes/construindo-seu-template/editor-do-tema/editor/settings.html.md)
* [Settings.json](/themes/construindo-seu-template/editor-do-tema/settings-json.md)