Usando o app
Bloco do tema
O bloco Tabela de medidas controla como os clientes chegam à tabela na página do produto: um link de texto, um botão ou a tabela exibida direto na página. Você configura uma vez no editor de temas e isso vale para todos os produtos que usam aquele modelo.
Para encontrar o bloco: Loja virtual → Temas → Personalizar, mude para um modelo de produto e clique em Tabela de medidas na seção de informações do produto. Ainda não adicionou? Veja Instalação.
Exibição
| Configuração | O que faz |
|---|---|
| Rótulo | O texto em que os clientes clicam. O padrão é “Tabela de medidas” (no idioma da sua loja) — experimente “Guia de tamanhos” ou “Encontre seu tamanho”. |
| Exibir como | Link de texto (padrão), Botão ou Na página (tabela exibida na página), que coloca a tabela inteira na página do produto, sem precisar clicar. |
| Alinhamento | Esquerda, Centro ou Direita. Só link e botão. |
A maioria das configurações abaixo só aparece nos estilos de link e botão, já que uma tabela na página não tem nada para clicar.
Posicionamento
Por padrão, o link fica onde você solta o bloco. O posicionamento permite colocá-lo na mesma linha de outro elemento — o lugar clássico é ao lado do preço.
| Configuração | O que faz |
|---|---|
| Mostrar | Onde este bloco está, Na mesma linha do preço ou Na mesma linha de outro elemento. |
| Classe ou seletor do elemento | Para “outro elemento”: uma classe ou um seletor CSS da seção de produto do seu tema, como product__title ou .product-form__quantity. |
| Posição na linha | Depois do elemento ou Antes do elemento. |
| Alinhamento vertical na linha | Centro, Topo, Base ou Linha de base do texto. |
Na mesma linha do preço encontra o preço automaticamente no Dawn e na maioria dos temas baseados nele, além de temas que usam nomes de classe de preço comuns. O link continua no lugar quando o cliente troca de variante.
Link
| Configuração | O que faz |
|---|---|
| Cor do link | Deixe vazio para usar a cor do texto do tema. |
| Sublinhado | Ativado por padrão. |
Ícone
Coloque um ícone ao lado do rótulo. Os ícones usam a cor do texto do link ou do botão, então sempre combinam.
| Configuração | O que faz |
|---|---|
| Ícone | Sem ícone (padrão), um dos 27 ícones incluídos ou Imagem própria. |
| Ícone personalizado | Sua própria imagem, exibida com as cores originais. Um PNG ou SVG quadrado funciona melhor. |
| Posição do ícone | Antes do rótulo ou Depois do rótulo. |
| Tamanho do ícone | 12–40 px. Padrão: 18 px. |
| Espaço entre ícone e texto | Espaço entre o ícone e o rótulo, 0–24 px. Padrão: 6 px. |
Modernos
Tabela de medidas · Etiqueta de tamanho · Cabide com régua · Estojo de fita métrica · Largura da camiseta · Manequim · Cintura da calça · Comprimento do sapato · Caimento no corpo
Clássicos
Régua · Fita métrica · Rolo de fita · Camiseta com fita · Fita dobrada · Planta baixa · Tamanho do sapato · Cabide · Medidas da camiseta · Tamanhos por letra · Medida da cintura · Balança · Vestido com régua · Tênis · Quadril · Corpo com fita · Esquadro · Seta de largura
Botão
| Configuração | O que faz |
|---|---|
| Fundo / Texto | Deixe os dois vazios para um botão com contorno na cor do texto do tema. |
| Tamanho | Pequeno (36 px de altura), Média (44 px, a altura da maioria dos botões de temas) ou Grande (52 px). Personalizado mostra um controle de Altura do botão. |
| Altura do botão | 28–64 px. Padrão: 44 px. Só com o tamanho Personalizado. |
| Arredondamento dos cantos | 0–40 px. Padrão: 4 px. |
| Mostrar botão flutuante | Também fixa uma aba na borda da tela, para os clientes abrirem a tabela de qualquer ponto da página enquanto rolam. |
| Lado do botão flutuante | Esquerda ou Direita. |
| Posição do botão flutuante | Topo, Meio ou Base da tela. |
| Mostrar botão flutuante em dispositivos móveis | Ativado por padrão. Desative para ocultar a aba nos celulares, onde os clientes usam o botão normal. |
Janela da tabela
| Configuração | O que faz |
|---|---|
| Abrir como | Janela pop-up (centralizada, padrão), Painel pela esquerda ou Painel pela direita. |
Os painéis deslizam pela lateral e deixam a página do produto visível atrás. No celular, eles abrem como a janela centralizada, já que um painel ocuparia a tela toda de qualquer jeito. Em telas maiores, as fotos do produto só aparecem na janela pop-up, porque os painéis são estreitos demais; no celular, elas seguem a configuração Mostrar também em celulares.
O que os clientes veem
- A janela ou o painel fecha com o botão de fechar, a tecla Esc ou — a menos que você desative isso em Aparência — um clique fora.
- Quando uma tabela tem conversão de unidades, a escolha do cliente (por exemplo, polegadas) é lembrada, então o próximo produto abre na mesma unidade. As outras tabelas dentro da mesma tabela de medidas também mudam.
- Tabelas largas rolam para o lado no celular em vez de ficarem espremidas, e podem manter a coluna de tamanhos fixa.
- A tabela foi feita para quem usa teclado e leitor de tela: o foco vai para a janela quando ela abre e volta para o link quando fecha.