-
É 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 ...
-
No sections.txt você cria coleções (até 40 produtos por coleção) que o lojista organiza no painel e você exibe onde for melhor (home, vitrine, banners, etc.).
Estrutura do arquivo
Segue a hierarquia semelhante...
-
Após montar a ordem das seções na Home, o arquivo
snipplets/home/home-section-switch.tpl decide qual subtemplate carregar conforme section_select .
Switch de seções (home-section-switch.tpl)
Quando section_selec...
-
Na Home, é comum preparar variáveis booleanas com {% set %} com base no
settings para decidir exibição de blocos, e montar dinamicamente a ordem
das
seções.
Flags (boolean...
-
Estrutura do layout
O arquivo principal do tema é o layouts/layout.tpl .
Ele carrega assets, componentes e sub-templates, e imprime variáveis globais para cada
página.
...
-
A estrutura de pastas padrão inclui layouts (ex.:
layouts/layout.tpl ),
templates de páginas (home, categoria, produto, etc.),
snipplets (componentes reutilizáveis) e a pasta static (imagens, CSS, JS). Consulte a documentação d...
-
O que é o translations.txt?
O arquivo translations.txt concentra as traduções de textos fixos do tema. Cada entrada é composta por uma chave base em espanhol (ES) e suas variações em português (PT), inglês (EN) e espanhol do Mé...
-
O que é o settings.txt?
O arquivo settings.txt da Nuvemshop
utiliza uma linguagem de configuração proprietária específica da plataforma. Não é uma
linguagem de programação padrão, mas...
-
Este tutorial explica como exibir corretamente promoções do tipo Desconto sobre preços nas lojas. Pré-requisitos Antes de começar a implementação, certifique-se de que a loja tenha uma promoção ativa desse tipo. Por exemplo, na imagem a segu...
-
Neste tutorial, vamos implementar o comportamento para que, nas listagens de produtos, seja exibido um carrossel de imagens em cada item de produto . HTML 1. A primeira coisa que faremos é substituir a imagem pelo componente privado de ima...