Como criar um Editor

É possível disponibilizar ao lojista opções de personalização do tema, deixando-o infinitamente mais flexível, versátil e atraente.

Você pode disponibilizar aos usuários opções que podem envolver: troca de títulos, posicionamento de colunas no layout, cores, imagens e outras infinitas opções, tendo como limite apenas sua criatividade.

Se você deseja criar um painel de customização no seu tema, será necessário seguir os passos abaixo:

Observação: Se o tema já possui o botão "Editar Tema", poderá pular para o 2º passo e editar os arquivos que já estão presentes na pasta configs/.

1º Passo

Crie os dois arquivos a seguir dentro da pasta /configs que está na raiz do seu tema.

settings.html

settings.json

2º Passo

Você deverá inserir em cada um dos arquivos recém criados as opções de customização desejadas, para isso você deve seguir o padrão abaixo.

Saiba como inserir as customizações no arquivo settings.html clicando aqui e no arquivo settings.json clicando aqui.

3º Passo

Após a criação dos arquivos, um novo botão (Edita Tema) irá aparecer nas opções do tema de sua loja virtual

Ao clicar neste novo botão o usuário será direcionado para a página de customização, onde será possível selecionar os modelos pré-definidos, alterar seus valores e publicá-los no tema em questão.

Após as alterações serem enviadas é possível utilizar a variável settings no código html do tema. Veja mais sobre como utilizar o settings clicando aqui.