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.
checkbox
Define um checkbox
upload
Define um campo para upload de arquivos
hidden
Define um campo invisível
radio
Define um radio button
text
Define um campo de texto
Last updated