> 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="https://799659513-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30tSHvrN7e0UK3aUSC1K%2Fuploads%2FPNvlUFNw6C1iPPG9G9Xq%2Fimage.png?alt=media&amp;token=392daa02-d35f-4bb2-b8e9-a6d74bd6ad1c" 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)