Editor de tabelas

Layout do editor

• Nome da tabela — só para você; os clientes nunca o veem.
• Conteúdo — os elementos que formam a tabela, de cima para baixo. Arraste a alça para reordenar, ou use as setas para cima / para baixo. O ícone de lixeira remove um elemento.
• Aparência — Usar a aparência da loja vem ativado por padrão. Veja dar a uma tabela um visual próprio.
• Status e Aplica-se a — explicados no Guia de configuração.
• Pré-visualização ao vivo — atualiza enquanto você digita. Alterne entre computador e celular ou abra a Pré-visualização em largura total.

As alterações só vão ao ar quando você clica em Salvar na barra no topo. Se você sair com alterações não salvas, o app pede antes para salvar ou descartar.

Elementos

Clique em Adicionar elemento para adicionar um dos oito tipos de elemento. Elementos vazios — um título sem texto, uma imagem sem arquivo — são ignorados na loja, então um elemento pela metade nunca aparece como um espaço em branco.

Tabela

Linhas e colunas de medidas. A primeira linha é o cabeçalho; a primeira coluna geralmente tem os nomes dos tamanhos. Veja trabalhar com tabelas e conversão de unidades abaixo. Opções de estilo:

Título

Um título curto para dividir a tabela em seções, como “Como medir”.

Texto

Uma observação sobre caimento, como medir ou trocas. A barra de ferramentas tem negrito, itálico, sublinhado, listas com marcadores e numeradas, e links. Defina o Tamanho do texto como Pequeno, Média ou Grande.

Selecione palavras e use Cor do texto ou Destacar para colori-las. Editar HTML, no fim da barra de ferramentas, permite editar o código diretamente: parágrafos, títulos h3 e h4, negrito, itálico, sublinhado, listas, links e texto colorido são mantidos. As outras tags são removidas ao salvar, mas o texto delas permanece. O texto de “Imagem com texto” usa o mesmo editor.

Imagem

Um único diagrama ou foto — por exemplo, uma ilustração de como medir.

Imagem com texto

Uma imagem ao lado de um texto explicativo, como um diagrama com os passos para medir.

No celular, a imagem fica acima do texto.

Galeria de imagens

Várias imagens lado a lado — detalhes do tecido, fotos de caimento ou passos para medir.

Vídeo

Um vídeo curto de como medir.

Divisor

Uma linha horizontal entre seções, com um rótulo opcional no meio.

Cada elemento também tem Espaço acima e Espaço abaixo (Nenhum, Pequeno, Padrão ou Grande) em Opções de estilo.

Trabalhar com tabelas

O editor de tabelas funciona como uma pequena planilha. Uma tabela pode ter até 200 linhas e 30 colunas.

Teclado e mouse

Colar do Excel ou do Google Sheets

Copie células na sua planilha, clique na célula onde o valor do canto superior esquerdo deve ficar e cole. A tabela cresce conforme necessário. Colar um único valor sobre uma seleção preenche todas as células selecionadas.

Menu Ações da tabela

Clique com o botão direito em qualquer célula para:

• Desfazer
• Inserir linha acima / abaixo, Duplicar linha, Mover linha para cima / para baixo, Excluir linha
• Inserir coluna à esquerda / à direita, Mover coluna para a esquerda / para a direita, Excluir coluna
• Trocar linhas e colunas — passa os tamanhos do topo para a lateral, ou o contrário.
• Importar CSV… — substitui a tabela pelo conteúdo de um arquivo CSV. A primeira linha vira o cabeçalho.
• Apagar medidas — esvazia todas as células, mas mantém o cabeçalho e a coluna de tamanhos, para você reaproveitar o layout.

Com várias linhas selecionadas, Excluir linha exclui todas. Os botões Adicionar linha e Adicionar coluna abaixo da tabela adicionam no final.

Conversão de unidades

Digite as medidas uma vez e deixe os clientes trocarem de unidade. Com a conversão ativada, um pequeno seletor aparece acima da tabela (por exemplo, cm | in). Tamanhos e observações ficam exatamente como você escreveu.

O que é convertido

• Valores únicos (86) e intervalos (86-90, 86 – 90, 86/90, 86 to 90).
• Vírgulas decimais (86,5) — o valor convertido mantém a vírgula.
• Valores com a unidade escrita (86 cm → 33.9 in).
• Uma unidade entre parênteses no cabeçalho também é trocada: Chest (cm) vira Chest (in).

Tudo o que não é número — nomes de tamanho como M ou XL, observações, células vazias — fica como está.

Dar a uma tabela um visual próprio

Por padrão, toda tabela segue a Aparência da loja inteira. Para deixar uma tabela diferente — por exemplo, um visual mais escuro para uma linha streetwear — desative Usar a aparência da loja no editor. A tabela ganha sua própria cópia das configurações de Janela da tabela, Cabeçalho, Fotos do produto, Fundo, Tabela e Texto, partindo dos valores atuais da loja.

Ative Usar a aparência da loja de novo para a tabela voltar ao visual da loja. O CSS personalizado e o fechamento ao clicar fora sempre vêm da página Aparência da loja.