​
Integração entre o Editor de Temas e o Editor de Código

A integração entre o Editor de Temas e o Editor de Código garante que todas as alterações feitas em uma ferramenta sejam refletidas na outra, oferecendo flexibilidade e controle total sobre a personalização da sua loja. Por exemplo, ao modificar estilos ou adicionar seções no Editor de Código, essas mudanças serão visíveis no Editor de Temas. O mesmo ocorre para ajustes feitos no Editor de Temas, como alterações de cores ou adição de seções. Utilizamos Twig para renderizar as páginas da loja, permitindo a criação de componentes reutilizáveis e configurações específicas diretamente no código. Isso oferece maior controle sobre o design e a estrutura da loja.

​
Objetivo

Essa integração foi desenvolvida para oferecer personalização avançada, permitindo que usuários técnicos façam ajustes detalhados no código da loja.

​
Facilidade de Uso

A combinação do Editor de Temas e do Editor de Código torna a personalização acessível, permitindo ajustes visuais e programáticos. Essa abordagem oferece controle e flexibilidade para adaptar o layout e as funcionalidades da loja.

​
Exemplo Prático

Adicione um botão “Compre Agora” abaixo do preço do produto na página inicial e nas categorias: 
<a class="btn btn-primary"
    {% if product %} 
        href="{{ product.url_path|escape }}" 
    {% else %} 
        :href="data.product.url_path" 
    {% endif %}>
    Compre Agora
</a>
Após salvar, visualize o botão no Editor de Temas: Essa integração oferece uma experiência completa de personalização, combinando facilidade de uso com flexibilidade técnica. Use ambas as ferramentas para criar uma loja única e alinhada aos objetivos da sua marca.