O arquivo de configuração inicial é por onde você realiza todas as alterações no seu tema.
Ele basicamente é um painel, porém sem a interface bonita. Na loja integrada a única forma de colocarmos opções de modificações é por um arquivo, já que não temos acesso ao painel da plataforma para criar campos e opções.
Por esse motivo, criamos o arquivo de configuração inicial, que ao invés de mostrar todo o código e você ter que ficar procurando onde alterar, ele trás apenas o valor a ser alterado. De maneira simples e clara. Em um primeiro momento você pode achar confuso, mas garanto que após uma ou duas modificações, você irá acha-lo fantástico!
Alguns pontos importantes sobre o arquivo de configuração inicial:
1 – Ele foi incluído durante a instalação do tema, você pode acessa-lo em: Configurações > Incluir código HTML.
2 – Jamais delete nenhuma linha do arquivo de configuração inicial. isso fará com que seu tema bug e apareça a mensagem de que necessita ser instalado novamente. Caso queira desativar algo, consulte o manual.
3 – Todas as linhas terminam com ponto e virgula( ; ), cuidado para não deleta-lo.
4 – Não adicione novas linhas ao arquivo de configuração inicial. Se você, por exemplo, quiser aumentar o número de tabelas de medidas, você não deve simplesmente duplicar as linhas da tabela de medidas e mudar a numeração. Isso não possui nenhum efeito, só irá bugar sua loja.
5 – O arquivo de configuração inicial é composto por 3 elementos:
Textos = Sempre estão dentro de aspas.
Ex: var tituloSocial = 'Redes Sociais';
Nesse exemplo, você pode alterar o texto do título do título das redes sociais do rodapé. Para isso, você pode alterar o texto Redes Sociais para um outro texto da sua escolha. Altere apenas o texto que está dentro das aspas, cuidado para não deletar as aspas.
true e false = Serve para ativar ou desativar algo, eles não possuem aspas.
Ex: var depoimentos = false;
Nesse exemplo, se você quiser ativar os depoimentos, troque para true. Se quiser desativar a funcionalidade de depoimentos, você irá deixar como false.
Números = Quando as opções são apenas numéricas. eles não possuem aspas.
Ex: var vitrineProdutos = 4;
Nesse exemplo, se você quiser alterar a quantidade de produtos por linha no desktop, você pode trocar o número 4 pelo número 3, por exemplo. Dessa forma o tema irá exibir 3 produto por linha na listagem desktop.