Documentação / Provador de Tamanho / Aparência dos botões

Aparência dos botões

Em Produtos → Estilos, você deixa o botão do provador com a cara da sua loja — e a cor escolhida se espalha pelo provador inteiro.

Os campos do botão do provador

  • Posição — onde o botão aparece na página do produto: Junto ao título, Após o preço, Após a descrição curta, Acima do botão comprar, Abaixo do botão comprar, Após o formulário de compra, Próximo ao SKU/meta ou Antes de compartilhar.
  • Texto do botão — ex.: “Qual é o meu tamanho?”, “Provador Virtual”.
  • Ícone — Sem ícone, Pessoa, Silhueta, Lupa, Etiqueta, Régua/corte ou Check.
  • Cor de fundo e Cor do texto — as cores da sua marca.
  • Tamanho da fonte — de 10 a 28 px.
  • Arredondamento — de 0 (quadrado) a 40 (bem arredondado).
  • Largura — automática (acompanha o conteúdo) ou um valor fixo em px ou %.
  • Alinhamento do conteúdo — esquerda, centro ou direita.

Clique em Salvar estilos e recarregue uma página de produto para conferir.

A mágica da cor: o provador (o painel que abre) herda automaticamente a cor de fundo do botão como cor de destaque — controles, seletores e o selo do tamanho recomendado seguem a identidade da marca sem nenhum ajuste extra. Trocou a cor do botão, o provador inteiro acompanha.

O botão “Tabela de medidas”

Na parte de baixo da mesma tela, você controla o segundo botão:

  • Botão “Tabela de medidas” — marque para exibi-lo ao lado do provador (vem ligado);
  • Texto do botão da tabela — padrão “Tabela de medidas”;
  • Cores do botão da tabela — no modo Automático (recomendado), ele copia o estilo do botão do provador: mesma cor, tamanho e arredondamento, diferenciado só pelo ícone de tabela e pelo texto — os dois ficam visualmente irmãos. Se quiser diferenciar, marque Personalizar cores e escolha fundo e texto.
sualoja.com.br/produto — botões no modo Automático
Qual é o meu tamanho?Tabela de medidas
Os dois botões “irmãos”: mesmo estilo, ícones diferentes. As telas podem variar conforme a versão.

O conteúdo desse botão é o configurado na grade: tabela automática a partir das medidas, ou a sua imagem própria.

Documentação do Provador de Tamanho · escrita com base na versão 1.11.0. As telas ilustradas podem variar conforme a versão instalada na sua loja.