Botões
As variantes primária, secundária e terciária definem apresentações compartilhadas. Um bloco de conteúdo escolhe qual variante usar; o texto e o destino continuam sendo configurados nesse bloco.
Como configurar
Seção intitulada “Como configurar”- Abra a engrenagem Configurações do tema → Identidade de marca → Botões.
- Escolha a variante e ajuste as cores, o estilo e o arredondamento disponível.
- Confira um exemplo de cada variante na loja, incluindo contraste e títulos longos no celular.
- Nos blocos Botão de slides, banners e editoriais, revise texto, link e variante.
Opções por variante
Seção intitulada “Opções por variante”| Variante | Estilos disponíveis | Uso habitual |
|---|---|---|
| Primário | Preenchido ou contorno. | Comprar e ações principais. |
| Secundário | Preenchido, contorno ou sublinhado. | Ações alternativas. |
| Terciário | Preenchido, contorno ou sublinhado. | Ações de apoio, como Ver mais. |
O raio da borda vai de 0 a 40 px. No estilo sublinhado, os controles de fundo e arredondamento ficam desabilitados; isso é esperado. No contorno, confira a cor da linha e do texto sobre o fundo real da seção.
Botões e superfícies são ajustes diferentes
Seção intitulada “Botões e superfícies são ajustes diferentes”Identidade de marca → Superfícies oferece arredondamento sem, sutil, médio ou acentuado para os elementos que adotam esse padrão. Ele não substitui o raio configurado por variante de botão; componentes também podem oferecer arredondamento local.
Quando o resultado não corresponde
Seção intitulada “Quando o resultado não corresponde”Se apenas um botão estiver diferente, confira sua variante e os ajustes locais do bloco. Se ele não abrir o destino esperado, revise o link; mudar o estilo não corrige a URL nem cria uma regra de compra ou desconto.
Confira Identidade de marca e Diagnóstico e suporte antes de refazer a seção.