Settings.html
A pagina settings.html
é responsável por toda a estrutura dos campos presentes na área administrativa. É através dele que é gerado o layout que será exibido na opção de "Editar Tema", com ele o lojista pode definir cores, imagens, posicionamento entre outras questões de configuração do tema.
Este arquivo deve ser criado antes do settings.json
, para que o settings.html
envie as informações necessárias para o settings.json
.
Como usar
Esse arquivo deve possuir como estrutura inicial o seguinte:
Dentro da tag <fieldset></fieldset>
devem ser incluídos os campos de personalização desejados, seguindo os preceitos de uma tag <form>
comum. Cada input
irá representar um valor a ser customizado, onde o campo name será o responsável por diferenciar e enviar os parâmetros para o arquivo settings.json
.
Exemplo de Resultado
Campos customizados
Para definir os parâmetros dos campos customizados são utilizadas a tag <select></select>
ou a tag input
que possui algumas limitações de tipos permitidos, mostrados na tabela abaixo.
Tipos de INPUT Permitidos | Descrição |
---|---|
| Define um checkbox |
| Define um campo para upload de arquivos |
| Define um campo invisível |
| Define um radio button |
| Define um campo de texto |
Last updated