No editor de temas: Personalizar›Página de produto›Adicionar seção›Página de produto
Página de produto
O coração da página de produto: as fotos e, ao lado, o painel de compra. Cada parte do painel é um bloco que você pode mover, remover ou adicionar.
Dê a cada produto o próprio guia de tamanhos no campo “Size guide”. Os produtos sem um guia próprio mostram a página definida no bloco “Seletor de opções”.
Configurações
Layout
- Largura da área do produto
- Controle deslizante, de 1000 a 2000 pxPadrão: 1600 pxUsada quando "Largura do conteúdo" abaixo é Padrão.
- Layout no computador
- Opção: Metade e metade, PalcoPadrão: Metade e metadeMetade e metade: uma imagem quadrada com as miniaturas abaixo e os detalhes ao lado; a página inteira rola junta. Palco: uma imagem alta com as miniaturas dentro e o cartão de detalhes por cima.
- Manter a imagem no lugar ao rolar
- Ativado ou desativadoPadrão: AtivadoEm telas grandes, quando o painel de detalhes é mais alto que a imagem, a imagem continua visível enquanto o painel rola.
- Alinhamento do painel em celulares e tablets
- Opção: Centralizado, Ao ladoPadrão: CentralizadoCentralizado: o título, o preço, as opções e a quantidade ficam no meio. A descrição e as linhas expansíveis permanecem alinhadas ao lado, por serem textos longos. No computador, o painel sempre se alinha ao lado, junto às fotos.
Fotos
- Ajuste da foto
- Opção: Preencher o quadro, Mostrar a foto inteiraPadrão: Preencher o quadro"Preencher o quadro" corta a foto em um quadrado. "Mostrar a foto inteira" nunca corta.
- Mostrar miniaturas
- Ativado ou desativadoPadrão: AtivadoNo computador e no tablet: uma coluna ao lado da imagem. No celular: veja a próxima configuração.
- Miniaturas também no celular
- Ativado ou desativadoPadrão: AtivadoUma fileira de miniaturas abaixo da imagem principal, toque para escolher.
- Mostrar setas
- Ativado ou desativadoPadrão: Ativado
- Continuar da última foto para a primeira
- Ativado ou desativadoPadrão: AtivadoAs setas nunca param no final.
- Mostrar o botão de ampliar
- Ativado ou desativadoPadrão: Ativado
- Reprodução automática de vídeo
- Ativado ou desativadoPadrão: DesativadoO vídeo da galeria toca sem som e em repetição quando entra na tela.
- Mostrar um selo na foto
- Ativado ou desativadoPadrão: AtivadoEsgotado, o texto do produto ou uma promoção.
Barra de compra embaixo
- Mostrar a barra de compra embaixo
- Ativado ou desativadoPadrão: AtivadoQuando o botão principal sai da tela, a moldura engrossa na parte de baixo da tela e carrega o produto, a escolha atual, o preço e Adicionar ao carrinho até o fim da página. Ela tem a cor da moldura. No celular, ela se alterna com o menu flutuante ao rolar para cima.
- Forma do card flutuante no celular
- Opção: Card flutuante, Sobe por trás do menu, A moldura sobePadrão: Card flutuanteCard flutuante: flutua logo acima da moldura inferior, como no computador, e o menu inferior abre espaço. Sobe: o card sobe por trás do menu inferior, e o menu fica. Moldura: a moldura sobe em toda a largura e o menu abre espaço. Sem menu inferior, "sobe" vira a moldura. No computador, sempre um card flutuante.
- Cor do card flutuante
- CorVazio: a superfície do site, como o painel de busca. Em uma cor escura o texto fica claro.
- Cor da borda do card flutuante
- CorUma borda ao redor do card flutuante. Vazio: uma linha fina na cor do texto.
- Imagem pequena do produto na barra
- Ativado ou desativadoPadrão: AtivadoUma imagem pequena no início da barra, dentro da linha.
Fundo da página
- Estilo do fundo
- Opção: Fundo do site, Cor lisa, Palco iluminadoPadrão: Fundo do siteFundo do site: a página acompanha o resto do site. Cor sólida: a cor abaixo. Palco iluminado: um palco da cor escolhida, com uma luz suave atrás da imagem e atrás dos detalhes. Em uma cor escura, texto, linhas e botões clareiam sozinhos. As duas últimas opções substituem as cores personalizadas da seção.
- Esquema de cores
- Esquema de coresO palco usa o fundo e o destaque deste esquema. Uma cor escolhida abaixo tem prioridade.
- Cor do fundo
- CorCom palco iluminado: o tom do palco. O padrão é o carvão quente usado pelo palco em todo o site.
- Cor da luz
- CorA luz suave atrás da imagem e atrás dos detalhes. Vazio: branco.
Blocos
Os blocos são as partes dentro da seção. No editor, você pode adicionar, remover e arrastar os blocos para mudar a ordem.
Bloco de app
Os apps que você instala podem adicionar um bloco próprio aqui, por exemplo avaliações ou uma tabela de medidas de um app.
Esta parte não tem configurações próprias.
Título
Geral
- Mostrar o nome da coleção acima do título
- Ativado ou desativadoPadrão: Ativado
- Dar ênfase à parte depois de " | "
- Ativado ou desativadoPadrão: AtivadoSe o nome do produto contém " | ", a parte depois dele é exibida em um peso mais forte.
- Mostrar fornecedor
- Ativado ou desativadoPadrão: Desativado
Preço
Geral
- Mostrar a porcentagem de desconto
- Ativado ou desativadoPadrão: DesativadoO desconto já aparece na foto. Ative para mostrá-lo também ao lado do preço.
Texto
Geral
- Texto
- TextoUma descrição curta abaixo do título. Você pode conectá-la a um campo do produto.
Seletor de opções
Geral
- Estilo
- Opção: Botões, Lista suspensaPadrão: Botões
- Cores
- Opção: Círculos de cor, Lista suspensaPadrão: Círculos de corSó para uma opção de cor. As outras opções seguem o estilo acima.
- Página do guia de tamanhos
- PáginaProdutos com o próprio campo "Guia de tamanhos" (custom.size_guide) mostram essa página. Caso contrário, esta página e, se estiver vazia, a das configurações do tema.
Quantidade
Geral
- Posição
- Opção: Ao lado de "Comprar agora", Fileira própriaPadrão: Ao lado de "Comprar agora"Ao lado de "Comprar agora": a quantidade fica no início da primeira fileira de botões, e "Adicionar ao carrinho" ganha abaixo uma fileira própria em largura total. Fileira própria: acima dos botões, com o rótulo. Com níveis de quantidade, os níveis ocupam o lugar dela.
Faixas de quantidade
Geral
- Título
- TextoVazio: "Quantidade" no idioma do cliente. No computador, só leitores de tela a leem.
- Rótulo para 1 unidade
- TextoVazio: o número de unidades ("2 unidades"), no idioma do cliente.
- Mostrar esta faixa
- Ativado ou desativadoPadrão: Ativado
- Número de unidades
- Controle deslizante, de 2 a 12Padrão: 2
- Desconto
- Controle deslizante, de 0 a 60 %Padrão: 10 %Deve corresponder ao seu desconto automático.
- Rótulo
- TextoVazio: o número de unidades ("2 unidades"), no idioma do cliente.
- Mostrar esta faixa
- Ativado ou desativadoPadrão: Ativado
- Número de unidades
- Controle deslizante, de 2 a 12Padrão: 3
- Desconto
- Controle deslizante, de 0 a 60 %Padrão: 18 %Deve corresponder ao seu desconto automático.
- Rótulo
- TextoVazio: o número de unidades ("2 unidades"), no idioma do cliente.
- Destacar uma faixa
- Opção: Nenhuma, Segunda faixa, Terceira faixaPadrão: Nenhuma
- Texto de destaque
- TextoVazio: o desconto do nível destacado, por exemplo "18% de desconto".
Ofereça um preço melhor para quem compra mais. O desconto é apenas exibido aqui: crie um desconto automático equivalente no admin da Shopify para que seja realmente cobrado.
Opções de compra
Geral
- Título
- TextoVazio: o texto padrão.
- Mostrar porcentagem de economia
- Ativado ou desativadoPadrão: Ativado
- Mostrar descrições dos planos
- Ativado ou desativadoPadrão: AtivadoA descrição vem do app de assinaturas.
- Mostrar link da política de assinatura
- Ativado ou desativadoPadrão: AtivadoExibido quando a loja tem uma política de assinatura (Configurações, Políticas).
Compra única e opções de assinatura, para produtos vendidos com um app de assinaturas. Sem este bloco, os produtos com assinatura mostram as opções acima do botão de adicionar ao carrinho.
Botões de compra
Geral
- Botão Comprar agora
- Ativado ou desativadoPadrão: AtivadoVai direto para o checkout só com este produto e deixa o carrinho como está.
- Botões de checkout dinâmico
- Opção: Carteira ou "Comprar agora" da Shopify, Somente carteira, DesativadoPadrão: Carteira ou "Comprar agora" da ShopifyOs botões da Shopify abaixo dos botões de compra. Mostram a carteira do cliente (Shop Pay, Apple Pay, Google Pay, PayPal) quando uma está ativada nas configurações de pagamento. Enquanto o botão Comprar agora estiver ativado, o "Comprar agora" da Shopify nunca aparece, para que haja apenas um.
- Botões de atalho de pagamento
- Ativado ou desativadoPadrão: Ativadobit, cartão de crédito e o que você adicionar. Adiciona ao carrinho e vai ao checkout. Os botões em si ficam nas configurações do tema, em "Botões de pagamento expresso".
- Mostrar formulário de destinatário para cartões-presente
- Ativado ou desativadoPadrão: AtivadoPermite que quem compra envie um cartão-presente diretamente a outra pessoa. Enquanto o formulário estiver visível, o botão Comprar agora e os botões de checkout dinâmico ficam ocultos nos cartões-presente, porque a Shopify só verifica os dados do destinatário ao adicionar ao carrinho.
Linha de entrega e garantia
Geral
- Nota de entrega
- TextoUma linha curta abaixo do botão de compra, entre duas linhas finas, vista antes de adicionar ao carrinho. Por exemplo: Entrega em casa em 8–18 dias úteis. Para uma linha diferente por produto, preencha o campo do produto custom.delivery_note (Texto de linha única; Configurações, Dados personalizados, Produtos): ele tem prioridade sobre este texto. Se ambos estiverem vazios, é exibida a linha de frete das configurações do tema (Produtos) e, se ela também estiver vazia, uma linha que segue a regra de frete grátis (configurações do tema, Frete grátis).
- Nota de garantia
- TextoDesativada por padrão: vazio significa nenhuma linha. Para uma linha diferente por produto, preencha o campo do produto custom.warranty (Texto de linha única; Configurações, Dados personalizados, Produtos): ele tem prioridade sobre este texto. Escreva apenas o que for verdadeiro para o produto.
Linha de confiança
Geral
Até três promessas curtas com um ícone e, abaixo delas, os ícones de pagamento. O lugar natural é logo abaixo do botão de compra.
Primeiro item
- Ícone
- Opção: Pacote (envio), Seta de retorno (devolução), Escudo (pagamento seguro), Headset (atendimento), Diamante (qualidade), Ocultar este itemPadrão: Pacote (envio)
- Texto
- TextoVazio: um texto padrão de acordo com o ícone. Pacote: a promessa de frete segundo a regra de frete grátis (configurações do tema, Frete grátis). Seta de retorno e escudo: um texto curto fixo. Headset e diamante não têm texto padrão, então o item só aparece com um texto escrito aqui. Um texto longo quebra em duas linhas equilibradas.
Segundo item
- Ícone
- Opção: Pacote (envio), Seta de retorno (devolução), Escudo (pagamento seguro), Headset (atendimento), Diamante (qualidade), Ocultar este itemPadrão: Seta de retorno (devolução)
- Texto
- TextoVazio: um texto padrão de acordo com o ícone. Pacote: a promessa de frete segundo a regra de frete grátis (configurações do tema, Frete grátis). Seta de retorno e escudo: um texto curto fixo. Headset e diamante não têm texto padrão, então o item só aparece com um texto escrito aqui. Um texto longo quebra em duas linhas equilibradas.
Terceiro item
- Ícone
- Opção: Pacote (envio), Seta de retorno (devolução), Escudo (pagamento seguro), Headset (atendimento), Diamante (qualidade), Ocultar este itemPadrão: Escudo (pagamento seguro)
- Texto
- TextoVazio: um texto padrão de acordo com o ícone. Pacote: a promessa de frete segundo a regra de frete grátis (configurações do tema, Frete grátis). Seta de retorno e escudo: um texto curto fixo. Headset e diamante não têm texto padrão, então o item só aparece com um texto escrito aqui. Um texto longo quebra em duas linhas equilibradas.
Ícones de pagamento
- Mostrar ícones das formas de pagamento
- Ativado ou desativadoPadrão: Ativado
Entrega estimada
Geral
- Dias úteis, no mínimo
- Controle deslizante, de 0 a 30Padrão: 11
- Dias úteis, no máximo
- Controle deslizante, de 0 a 45Padrão: 18
- Dias que não são úteis
- Opção: Sexta e sábado, Sábado e domingo, Nenhum, todos os dias contamPadrão: Sexta e sábado
- Linha principal
- Texto[from] e [to] são substituídos por datas. Vazio: "Peça hoje, chega entre [from] e [to]"
- Segunda linha
- TextoVazio: o intervalo de dias, na sua porta.
- Mostrar um ícone de calendário
- Ativado ou desativadoPadrão: Ativado
Calcula o intervalo de datas a partir de hoje, em dias úteis. As datas são calculadas no navegador de quem visita, então estão sempre corretas para o dia da visita.
Pergunta pelo WhatsApp
Geral
- Pergunta
- TextoVazio: o texto padrão.
- Texto do link
- TextoVazio: o texto padrão.
- Mensagem pronta
- Texto[product] é substituído pelo nome do produto. Vazio: "Olá, tenho uma dúvida sobre [product]"
- Adicionar o link do produto à mensagem
- Ativado ou desativadoPadrão: Ativado
Uma linha que abre uma conversa no WhatsApp com uma mensagem pronta. O número vem das configurações do tema, em redes sociais. Enquanto nenhum número for adicionado, a linha leva à página de contato da loja.
Descrição
Esta parte não tem configurações próprias.
Linha expansível
Geral
- Título
- Texto
- O que a linha mostra
- Opção: Texto ou página, Especificações do produto, Lista com íconesPadrão: Texto ou página
- Conteúdo
- Texto
- Conteúdo de uma página
- PáginaExibido depois do conteúdo acima.
- Campo de especificações do produto
- TextoNamespace e chave, por exemplo custom.specs. Um detalhe por linha no campo: "Nome: valor". Produtos sem o campo não mostram a linha.
- Linhas
- TextoUma frase por linha. O ícone é escolhido pelas palavras: envio, devolução, atendimento, seguro ou pagamento (também em hebraico). As outras linhas recebem um escudo com um visto.
- Links para as políticas de envio e reembolso
- Ativado ou desativadoPadrão: Ativado
Balão de oferta
Geral
- Ícone
- Opção: Raio, Presente, Brilho, Temporizador, Coração, Escudo com visto, Sem íconePadrão: Raio
- Título
- TextoVazio: "Uma oferta especial", no idioma do visitante.
- Linha da oferta
- TextoPor exemplo "US$ 20 de desconto em pedidos a partir de US$ 200". Sem linha, o balão não aparece.
- Produtos
- ProdutosO balão aparece só nos produtos escolhidos aqui. Vazio: em todo produto que usa este modelo.
Contagem regressiva
Geral
- Linha da oferta
- TextoPor exemplo "20% de desconto". Vazio: a porcentagem de desconto da variante, se ela tiver preço comparativo.
- Texto curto
- TextoAparece ao lado da linha da oferta. Vazio: "Tempo limitado", no idioma do visitante.
- Produtos
- ProdutosA barra aparece só nos produtos escolhidos aqui. Vazio: não aparece em nenhum. Use para uma promoção real com uma data de término real.
Cronômetro
- Data e hora de término
- TextoAno-mês-dia seguido de hora:minuto, por exemplo 2026-10-20 18:00, no fuso horário da loja. Vazio ou inválido: a barra não aparece na loja, e o editor mostra uma nota com a data como a loja a entendeu.
- Mostrar segundos
- Ativado ou desativadoPadrão: AtivadoVisitantes que preferem movimento reduzido nunca veem os segundos, e o cronômetro é atualizado uma vez por minuto.
- Quando o tempo acabar
- Opção: Mostrar uma mensagem de oferta encerrada, A barra desaparecePadrão: A barra desaparece
- Mensagem de encerramento
- TextoVazio: "Esta oferta foi encerrada. Obrigado pelo seu interesse.", no idioma de quem visita.
Fundo
- Cor do fundo
- CorVazio: a tinta da loja. O palco iluminado é criado a partir desta cor.
- Estilo do fundo
- Opção: Cor lisa, Palco iluminadoPadrão: Palco iluminadoPalco iluminado: uma luz suave de cima que se atenua para baixo, criada a partir da cor escolhida. Em uma cor clara, o topo fica branco; em uma cor escura, vira um palco escuro.
- Cor da luz
- CorA luz suave vinda do centro do topo. Vazio: branco.
- Cor do texto
- CorVazio: automático. Claro sobre fundo escuro, escuro sobre fundo claro.
Liquid personalizado
Geral
- Liquid personalizado
- CódigoPara personalização avançada e snippets de apps.
Algo aqui não bate com o que aparece no seu editor? Conte para a gente e corrigimos o guia.