-
O Theme expõe dois pontos de extensão para que as apps de plataforma possam injetar conteúdo ou adicionar comportamento sem necessidade de modificar o código do Theme. Nenhum desses pontos deve ser removido ou renomeado — as apps de terceiros depe...
-
O schema é a peça de maior impacto em um novo Theme (baseado em seções e blocos): define o que o usuário pode configurar no Brand Editor. Cada section e block declara seu schema ao final do arquivo entre {% schema %} e {% endschema %} . Os settin...
-
As sections são as unidades de composição de uma página e os blocks são seus componentes internos reutilizáveis. Ambos seguem a mesma estrutura: markup Twig na parte superior e um bloco {% schema %} ao final que declara seus settings, blocos aceit...
-
Um JSON template é o blueprint de uma página ou região de layout: declara quais sections são renderizadas, em que ordem, com quais settings pré-carregados e quais blocos contêm. O Brand Editor lê esse blueprint para apresentar a página ao usuário ...
-
Um novo Theme (baseado em seções e blocos) organiza seu código em pastas com responsabilidades bem delimitadas: sections, blocks e snippets separam o editável do estrutural, templates/ define a composição de páginas, e config/ centraliza os se...
-
Os novos Themes (baseados em seções e blocos) compõem as páginas da loja a partir de seções e blocos que os usuários podem reorganizar a partir do Brand Editor, em vez de estarem fixadas em templates .tpl estáticos. Esse modelo desacopla o c...
-
Neste tutorial vamos ver como implementar vídeos nativos na sua loja. Para isso, vamos realizar ajustes na implementação atual de vídeos (YouTube/Vimeo) , permitindo a reprodução de vídeos nativos e mantendo a compatibilidade com Swiper e Fancyb...
-
Neste artigo vamos incluir a possibilidade de exibir uma mensagem de aviso quando um produto tem uma promoção de Desconto sobre preços que é NÃO combinável com alguma outra promoção. Esta mensagem será exibida no detalhe do produto abaixo do p...
-
Os estilos do checkout agora incluem um novo esquema de variáveis CSS . Essa melhoria aumenta a consistência visual, simplifica futuras personalizações e garante a compatibilidade com novos componentes e aplicativos.
Este tutorial vai...
-
É comum lojas de moda unificarem produtos por tamanho e também por cor, o que pode reduzir visualmente as opções nas categorias. Para melhorar a usabilidade e incentivar a compra rápida, podemos desmembrar
por cor na vitrine ...