# 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&#x26;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](https://partners.tray.com.br/themes/construindo-seu-template/editor-do-tema/editor/settings.html)[ettings.html](https://partners.tray.com.br/themes/construindo-seu-template/editor-do-tema/editor/settings.html)
* [Settings.json](https://partners.tray.com.br/themes/construindo-seu-template/editor-do-tema/settings-json)