No editor de temas: Personalizar›Página de produto›Adicionar secção›Página de produto
Página de produto
O coração da página de produto: as fotografias e, ao lado, o painel de compra. Cada peça do painel é um bloco que pode ser movido, removido ou adicionado.
Atribua a cada produto o seu guia de tamanhos no campo “Size guide”. Os produtos sem guia próprio mostram a página definida no bloco “Seletor de opções”.
Definições
Disposição
- Largura da área do produto
- Controlo de deslize, de 1000 a 2000 pxPredefinição: 1600 pxUsada quando a “Largura do conteúdo” abaixo é Padrão.
- Esquema no computador
- Escolha: Metade e metade, PalcoPredefinição: Metade e metadeMetade e metade: uma imagem quadrada com as miniaturas por baixo e os detalhes ao lado; a página inteira desliza em conjunto. Palco: uma imagem alta com as miniaturas dentro e o cartão de detalhes por cima.
- Manter a imagem no lugar ao deslizar
- Ativado ou desativadoPredefinição: AtivadoEm ecrãs grandes, quando o painel de detalhes é mais alto do que a imagem, a imagem fica visível enquanto o painel desliza.
- Alinhamento do painel em telemóveis e tablets
- Escolha: Centrado, Ao ladoPredefinição: CentradoCentrado: o título, o preço, as opções e a quantidade ficam ao meio. A descrição e as linhas expansíveis ficam alinhadas ao lado, por serem texto longo. No computador, o painel alinha-se sempre ao lado, junto às fotografias.
Fotografias
- Ajuste da fotografia
- Escolha: Preencher a moldura, Mostrar a fotografia inteiraPredefinição: Preencher a moldura“Preencher a moldura” corta a fotografia em quadrado. “Mostrar a fotografia inteira” nunca corta.
- Mostrar miniaturas
- Ativado ou desativadoPredefinição: AtivadoNo computador e no tablet: uma coluna junto à imagem. Em telemóveis: veja a definição seguinte.
- Miniaturas também em telemóveis
- Ativado ou desativadoPredefinição: AtivadoUma fila de miniaturas sob a imagem principal; toque para escolher.
- Mostrar setas
- Ativado ou desativadoPredefinição: Ativado
- Continuar da última fotografia para a primeira
- Ativado ou desativadoPredefinição: AtivadoAs setas nunca param no fim.
- Mostrar o botão de ampliar
- Ativado ou desativadoPredefinição: Ativado
- Reprodução automática de vídeo
- Ativado ou desativadoPredefinição: DesativadoO vídeo da galeria é reproduzido sem som e em ciclo quando aparece no ecrã.
- Mostrar um selo na fotografia
- Ativado ou desativadoPredefinição: AtivadoEsgotado, o texto do produto ou uma promoção.
Barra de compra em baixo
- Mostrar a barra de compra em baixo
- Ativado ou desativadoPredefinição: AtivadoQuando o botão principal sai do ecrã, a moldura engrossa na parte de baixo do ecrã e transporta o produto, a escolha atual, o preço e Adicionar ao carrinho até ao fim da página. Tem a cor da moldura. No telemóvel, alterna com o menu flutuante ao deslizar para cima.
- Forma do cartão flutuante no telemóvel
- Escolha: Cartão flutuante, Sobe por trás do menu, A moldura sobePredefinição: Cartão flutuanteCartão flutuante: flutua logo acima da moldura inferior, como no computador, e o menu inferior abre espaço. Sobe: o cartão 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" passa a ser a moldura. No computador, sempre um cartão flutuante.
- Cor do cartão flutuante
- CorVazio: a superfície do site, como o painel de pesquisa. Numa cor escura o texto fica claro.
- Cor do contorno do cartão flutuante
- CorUm contorno à volta do cartão flutuante. Vazio: uma linha fina na cor do texto.
- Imagem pequena do produto na barra
- Ativado ou desativadoPredefinição: AtivadoUma imagem pequena no início da barra, dentro da linha.
Fundo da página
- Estilo do fundo
- Escolha: Fundo do site, Cor lisa, Palco iluminadoPredefinição: Fundo do siteFundo do site: a página acompanha o resto do site. Cor uniforme: a cor abaixo. Palco iluminado: um palco da cor escolhida, com uma luz suave atrás da imagem e atrás dos detalhes. Numa cor escura, texto, linhas e botões clareiam sozinhos. As duas últimas opções substituem as cores personalizadas da secção.
- Esquema de cores
- Esquema de coresO palco usa o fundo e o destaque deste esquema. Uma cor escolhida abaixo tem prioridade.
- Cor de fundo
- CorCom palco iluminado: o tom do palco. A predefiniçã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 peças dentro da secção. No editor, é possível adicioná-los, removê-los e arrastá-los para alterar a ordem.
Bloco de aplicação
As aplicações instaladas podem adicionar aqui um bloco próprio, por exemplo avaliações ou uma tabela de tamanhos de uma aplicação.
Esta parte não tem definições próprias.
Título
Geral
- Mostrar o nome da coleção acima do título
- Ativado ou desativadoPredefinição: Ativado
- Dar ênfase à parte depois de “ | ”
- Ativado ou desativadoPredefinição: AtivadoSe o nome do produto contiver “ | ”, a parte seguinte é apresentada com um peso maior.
- Mostrar fornecedor
- Ativado ou desativadoPredefinição: Desativado
Preço
Geral
- Mostrar a percentagem de desconto
- Ativado ou desativadoPredefinição: DesativadoO desconto já é mostrado na fotografia. Ative para o mostrar também junto ao preço.
Texto
Geral
- Texto
- TextoUma descrição curta sob o título. Pode ligá-la a um campo do produto.
Seletor de opções
Geral
- Estilo
- Escolha: Botões, Lista pendentePredefinição: Botões
- Cores
- Escolha: Círculos de cor, Lista pendentePredefinição: Círculos de corApenas para uma opção de cor. As outras opções seguem o estilo acima.
- Página do guia de tamanhos
- PáginaOs produtos 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 definições do tema.
Quantidade
Geral
- Posição
- Escolha: Ao lado de "Comprar agora", Fila própriaPredefinição: Ao lado de "Comprar agora"Ao lado de "Comprar agora": a quantidade fica no início da primeira fila de botões, e "Adicionar ao carrinho" tem por baixo uma fila própria em largura total. Fila própria: acima dos botões, com a etiqueta. Com níveis de quantidade, os níveis ocupam o seu lugar.
Escalões de quantidade
Geral
- Título
- TextoVazio: "Quantidade" no idioma do cliente. No computador, só os leitores de ecrã a leem.
- Etiqueta para 1 unidade
- TextoVazio: o número de unidades ("2 unidades"), no idioma do cliente.
- Mostrar este escalão
- Ativado ou desativadoPredefinição: Ativado
- Número de unidades
- Controlo de deslize, de 2 a 12Predefinição: 2
- Desconto
- Controlo de deslize, de 0 a 60 %Predefinição: 10 %Tem de corresponder ao seu desconto automático.
- Etiqueta
- TextoVazio: o número de unidades ("2 unidades"), no idioma do cliente.
- Mostrar este escalão
- Ativado ou desativadoPredefinição: Ativado
- Número de unidades
- Controlo de deslize, de 2 a 12Predefinição: 3
- Desconto
- Controlo de deslize, de 0 a 60 %Predefinição: 18 %Tem de corresponder ao seu desconto automático.
- Etiqueta
- TextoVazio: o número de unidades ("2 unidades"), no idioma do cliente.
- Destacar um escalão
- Escolha: Nenhum, Segundo escalão, Terceiro escalãoPredefinição: Nenhum
- Texto de destaque
- TextoVazio: o desconto do nível destacado, por exemplo "18% de desconto".
Ofereça um melhor preço a quem compra mais. O desconto é apenas apresentado aqui: crie um desconto automático correspondente no administrador do Shopify para que seja realmente cobrado.
Opções de compra
Geral
- Título
- TextoVazio: o texto predefinido.
- Mostrar a percentagem de poupança
- Ativado ou desativadoPredefinição: Ativado
- Mostrar as descrições dos planos
- Ativado ou desativadoPredefinição: AtivadoA descrição vem da aplicação de subscrições.
- Mostrar a ligação da política de subscrição
- Ativado ou desativadoPredefinição: AtivadoMostrada quando a loja tem uma política de subscrição (Definições, Políticas).
Compra única e opções de subscrição, para produtos vendidos com uma aplicação de subscrições. Sem este bloco, os produtos com subscrições mostram as opções acima do botão de adicionar ao carrinho.
Botões de compra
Geral
- Botão Comprar agora
- Ativado ou desativadoPredefinição: AtivadoVai diretamente para o pagamento só com este produto e deixa o carrinho como está.
- Botões de pagamento dinâmico
- Escolha: Carteira ou “Comprar agora” do Shopify, Apenas carteira, DesativadoPredefinição: Carteira ou “Comprar agora” do ShopifyOs botões do Shopify abaixo dos botões de compra. Mostram a carteira do cliente (Shop Pay, Apple Pay, Google Pay, PayPal) quando uma está ativada nas definições de pagamento. Enquanto o botão Comprar agora estiver ativado, o “Comprar agora” do Shopify nunca aparece, para que exista apenas um.
- Botões de atalho de pagamento
- Ativado ou desativadoPredefinição: Ativadobit, cartão de crédito e o que tiver acrescentado. Adiciona ao carrinho e segue para o pagamento. Os botões em si estão nas definições do tema, em “Botões de pagamento expresso”.
- Mostrar formulário de destinatário para cartões-oferta
- Ativado ou desativadoPredefinição: AtivadoPermite aos compradores enviar um cartão-oferta diretamente a outra pessoa. Enquanto o formulário estiver visível, o botão Comprar agora e os botões de pagamento dinâmico ficam ocultos nos cartões-oferta, 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 sob o botão de compra, entre duas linhas finas, vista antes de adicionar ao carrinho. Por exemplo: Entrega ao domicílio em 8–18 dias úteis. Para uma linha diferente por produto, preencha o campo de produto custom.delivery_note (Texto de linha única; Definições, Dados personalizados, Produtos): tem prioridade sobre este texto. Se ambos estiverem vazios, é mostrada a linha de envio das definições do tema (Produtos) e, se esta também estiver vazia, uma linha que segue a regra de envio gratuito (definições do tema, Envio gratuito).
- Nota de garantia
- TextoDesativada por predefinição: vazio significa sem linha. Para uma linha diferente por produto, preencha o campo de produto custom.warranty (Texto de linha única; Definições, Dados personalizados, Produtos): 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, os ícones de pagamento. O seu lugar natural é logo abaixo do botão de compra.
Primeiro item
- Ícone
- Escolha: Encomenda (envio), Seta de regresso (devoluções), Escudo (pagamento seguro), Auricular (atendimento), Diamante (qualidade), Ocultar este itemPredefinição: Encomenda (envio)
- Texto
- TextoVazio: um texto predefinido de acordo com o ícone. Encomenda: a promessa de envio segundo a regra de envio gratuito (definições do tema, Envio gratuito). Seta de regresso e escudo: um texto curto fixo. O auricular e o diamante não têm texto predefinido, por isso o item só aparece com um texto escrito aqui. Um texto longo quebra em duas linhas equilibradas.
Segundo item
- Ícone
- Escolha: Encomenda (envio), Seta de regresso (devoluções), Escudo (pagamento seguro), Auricular (atendimento), Diamante (qualidade), Ocultar este itemPredefinição: Seta de regresso (devoluções)
- Texto
- TextoVazio: um texto predefinido de acordo com o ícone. Encomenda: a promessa de envio segundo a regra de envio gratuito (definições do tema, Envio gratuito). Seta de regresso e escudo: um texto curto fixo. O auricular e o diamante não têm texto predefinido, por isso o item só aparece com um texto escrito aqui. Um texto longo quebra em duas linhas equilibradas.
Terceiro item
- Ícone
- Escolha: Encomenda (envio), Seta de regresso (devoluções), Escudo (pagamento seguro), Auricular (atendimento), Diamante (qualidade), Ocultar este itemPredefinição: Escudo (pagamento seguro)
- Texto
- TextoVazio: um texto predefinido de acordo com o ícone. Encomenda: a promessa de envio segundo a regra de envio gratuito (definições do tema, Envio gratuito). Seta de regresso e escudo: um texto curto fixo. O auricular e o diamante não têm texto predefinido, por isso o item só aparece com um texto escrito aqui. Um texto longo quebra em duas linhas equilibradas.
Ícones de pagamento
- Mostrar ícones dos métodos de pagamento
- Ativado ou desativadoPredefinição: Ativado
Entrega estimada
Geral
- Dias úteis, no mínimo
- Controlo de deslize, de 0 a 30Predefinição: 11
- Dias úteis, no máximo
- Controlo de deslize, de 0 a 45Predefinição: 18
- Dias que não são úteis
- Escolha: Sexta-feira e sábado, Sábado e domingo, Nenhum, todos os dias contamPredefinição: Sexta-feira e sábado
- Linha principal
- Texto[from] e [to] são substituídos por datas. Vazio: “Encomende hoje, chega entre [from] e [to]”
- Segunda linha
- TextoVazio: o intervalo de dias, à sua porta.
- Mostrar um ícone de calendário
- Ativado ou desativadoPredefinição: Ativado
Calcula o intervalo de datas a partir de hoje, em dias úteis. As datas são calculadas no navegador do cliente, por isso estão sempre certas para o dia da visita.
Pergunta por WhatsApp
Geral
- Pergunta
- TextoVazio: o texto predefinido.
- Texto da ligação
- TextoVazio: o texto predefinido.
- Mensagem pronta
- Texto[product] é substituído pelo nome do produto. Vazio: “Olá, tenho uma dúvida sobre [product]”
- Acrescentar a ligação do produto à mensagem
- Ativado ou desativadoPredefinição: Ativado
Uma linha que abre uma conversa no WhatsApp com uma mensagem pronta. O número vem das definições do tema, em redes sociais. Enquanto não for adicionado um número, a linha leva à página de contacto da loja.
Descrição
Esta parte não tem definições próprias.
Linha expansível
Geral
- Título
- Texto
- O que a linha mostra
- Escolha: Texto ou página, Especificações do produto, Lista com íconesPredefinição: Texto ou página
- Conteúdo
- Texto
- Conteúdo de uma página
- PáginaMostrado a seguir ao conteúdo acima.
- Campo de especificações do produto
- TextoEspaço de nomes e chave, por exemplo custom.specs. Um detalhe por linha no campo: “Nome: valor”. Os produtos sem o campo não mostram a linha.
- Linhas
- TextoUma frase por linha. O ícone é escolhido a partir das palavras: envio, devolução, apoio, seguro ou pagamento (também em hebraico). As outras linhas recebem um escudo com visto.
- Ligações para as políticas de envio e de reembolso
- Ativado ou desativadoPredefinição: Ativado
Balão de oferta
Geral
- Ícone
- Escolha: Raio, Presente, Brilho, Temporizador, Coração, Escudo com visto, Sem íconePredefinição: Raio
- Título
- TextoVazio: "Uma oferta especial", no idioma do visitante.
- Linha da oferta
- TextoPor exemplo "20 $ de desconto em encomendas a partir de 200 $". Sem linha, o balão não aparece.
- Produtos
- ProdutosO balão só aparece nos produtos escolhidos aqui. Vazio: em todos os produtos que usam este modelo.
Contagem decrescente
Geral
- Linha da oferta
- TextoPor exemplo "20% de desconto". Vazio: a percentagem de desconto da variante, se tiver preço de comparação.
- Texto curto
- TextoAparece ao lado da linha da oferta. Vazio: "Tempo limitado", no idioma do visitante.
- Produtos
- ProdutosA barra aparece apenas nos produtos escolhidos aqui. Vazio: não aparece em nenhum. Use-a para uma promoção real com uma data de fim real.
Temporizador
- Data e hora de fim
- 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 tal como a loja a entendeu.
- Mostrar segundos
- Ativado ou desativadoPredefinição: AtivadoOs visitantes que preferem movimento reduzido nunca veem segundos e o temporizador atualiza-se uma vez por minuto.
- Quando o tempo acaba
- Escolha: Mostrar uma mensagem de oferta terminada, A barra desaparecePredefinição: A barra desaparece
- Mensagem de fim
- TextoVazio: “Esta oferta terminou. Obrigado pelo seu interesse.”, no idioma do visitante.
Fundo
- Cor de fundo
- CorVazio: a tinta da loja. O palco iluminado é criado a partir desta cor.
- Estilo do fundo
- Escolha: Cor lisa, Palco iluminadoPredefinição: Palco iluminadoPalco iluminado: uma luz suave vinda de cima que se atenua para baixo, criada a partir da cor escolhida. Numa cor clara, o topo fica branco; numa cor escura, torna-se um palco escuro.
- Cor da luz
- CorA luz suave a partir do centro superior. 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 fragmentos de aplicações.
Algo aqui não corresponde ao que aparece no editor? Diga-nos e corrigimos o guia.