No editor de temas: PersonalizarPágina inicialAdicionar secçãoCompre o look

Compre o look

Uma fotografia grande com pontos sobre os produtos que nela aparecem. Tocar num ponto mostra o produto, que pode ir diretamente para o carrinho.

Coloque cada ponto pela posição na horizontal e na vertical da fotografia. Confirme no telemóvel que os pontos continuam sobre os artigos certos.

Definições

Imagem

Imagem de estilo de vida
ImagemUma fotografia que mostra os produtos. Coloque os pontos nos blocos.
Imagem para telemóvel
ImagemOpcional. Se estiver vazio, os telemóveis mostram a imagem principal. Cada ponto tem a sua própria posição para telemóveis.
Forma da imagem no computador
Escolha: Vertical (4:5), Quadrada, Horizontal (4:3), Larga (16:9), OriginalPredefinição: Vertical (4:5)Original: sem corte, para que os pontos fiquem exatamente sobre os produtos.
Forma da imagem em telemóveis
Escolha: Vertical (4:5), Quadrada, OriginalPredefinição: Vertical (4:5)
Lado da imagem no computador
Escolha: Automático: oposto à secção acima, Primeiro, ÚltimoPredefinição: Automático: oposto à secção acimaAo lado da lista de produtos, em computador. Em telemóveis, a imagem fica sempre abaixo do título. Automático: quando a secção acima também tem uma imagem ao lado do texto, a imagem vai para o outro lado, para que secções consecutivas se alternem; caso contrário, fica no início (à direita, em hebraico).

Título

Título
TextoDeixe vazio para mostrar o título predefinido.
Palavra pequena acima do título
Ativado ou desativadoPredefinição: Ativado
Palavra pequena
TextoDeixe vazio para mostrar a palavra predefinida.

Pontos e produtos

Botão + de adição rápida
Ativado ou desativadoPredefinição: AtivadoNo cartão que se abre a partir de um ponto. Abre a vista rápida ou a página do produto quando a vista rápida está desativada.
Lista de produtos junto à imagem
Ativado ou desativadoPredefinição: AtivadoApenas no computador. Clicar numa linha abre o respetivo ponto. Desativado: o título fica acima da imagem.
Etiqueta da lista
TextoDeixe vazio para mostrar a etiqueta predefinida.
Sugestão abaixo da imagem
Ativado ou desativadoPredefinição: AtivadoApenas em telemóveis: “Toque num ponto para ver o produto”.
Cor dos pontos
Escolha: Clara, EscuraPredefinição: ClaraClara para uma fotografia escura, escura para uma fotografia clara.
Anel pulsante em redor dos pontos
Ativado ou desativadoPredefinição: AtivadoApenas enquanto a secção está no ecrã. Não é mostrado a visitantes que preferem movimento reduzido.

Cada ponto é um bloco: escolha um produto e posicione-o em percentagem, em separado para computador e telemóveis. Um ponto sem produto não é mostrado na loja.

Definições comuns a todas as secçõesJanela, Deslocação, Espaçamento, Cores, Estilo do texto

As definições de janela, deslocamento, espaçamento e cores funcionam da mesma forma em todas as secções. Saiba como funcionam.

Janela

Junção
Escolha: Janela separada, Unida à janela de cima, Unida à janela de baixo, Unida em cima e em baixoPredefinição: Janela separada
Cantos das imagens
Escolha: Arredondados, RetosPredefinição: Arredondados

Deslocação

A secção seguinte cobre-a ao deslizar
Ativado ou desativadoPredefinição: DesativadoAo deslizar para baixo, esta secção fica no lugar sob o cabeçalho e a secção seguinte sobe por cima dela. Ao regressar, acontece o contrário. Desativado no editor, para visitantes que pediram movimento reduzido e em ecrãs muito baixos.

Espaçamento

Espaçamento personalizado para esta secção
Ativado ou desativadoPredefinição: DesativadoDesativado: o espaçamento entre secções das definições do tema, em Disposição. Ativado: os valores aqui indicados, acima e abaixo desta secção. No telemóvel, a maioria das secções usa 65% desses valores.
Espaço acima
Controlo de deslize, de 0 a 120 pxPredefinição: 40 px
Espaço abaixo
Controlo de deslize, de 0 a 120 pxPredefinição: 40 px
Largura do conteúdo
Escolha: Estreita, Padrão, Larga, Largura totalPredefinição: Padrão

Cores

Esquema de cores
Esquema de coresIgual ao esquema da página: a secção fica sobre o fundo da página. Outro esquema dá à secção um fundo próprio, como um cartão dentro da moldura. As cores personalizadas abaixo têm prioridade sobre o esquema.
Usar cores personalizadas nesta secção
Ativado ou desativadoPredefinição: DesativadoCaso contrário, a secção usa as cores do tema.
Fundo
CorPredefinição: #F1F1EF
Texto
CorVazio: automático. Claro sobre fundo escuro, escuro sobre fundo claro.
Estilo do fundo
Escolha: Cor lisa, Palco iluminadoPredefinição: Cor lisaPalco iluminado: uma luz suave vinda de cima que se atenua para baixo, a partir da cor da secção, clara ou escura. Numa cor escura, o texto e os botões clareiam sozinhos.
Cor da luz
CorA luz suave a partir do centro superior. Vazio: branco.

Estilo do texto

Estilo de texto personalizado para esta secção
Ativado ou desativadoPredefinição: DesativadoCaso contrário, a secção usa o estilo do tema. Os tipos de letra do Shopify não incluem hebraico, por isso escolhe entre estilos que funcionam em hebraico.
Estilo do título
Escolha: Predefinição do tema, Leve, Negrito, Com serifaPredefinição: Predefinição do tema
Tamanho do título
Controlo de deslize, de 70 a 160 %Predefinição: 100 %
Cor do título
CorVazio: automático, usa a cor da secção (clara sobre fundo escuro).
Estilo do texto
Escolha: Predefinição do tema, Leve, Negrito, Com serifaPredefinição: Predefinição do tema
Tamanho do texto
Controlo de deslize, de 70 a 160 %Predefinição: 100 %
Cor do texto
CorVazio: automático, usa a cor da secção (clara sobre fundo escuro).

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.

Ponto

Geral

Produto
ProdutoO produto que este ponto mostra.

Posição no computador

A partir da esquerda
Controlo de deslize, de 0 a 100 %Predefinição: 50 %Percentagem da largura da imagem, sempre a partir da esquerda.
A partir do topo
Controlo de deslize, de 0 a 100 %Predefinição: 50 %Percentagem da altura da imagem.

Posição em telemóveis

A partir da esquerda
Controlo de deslize, de 0 a 100 %Predefinição: 50 %Percentagem da largura da imagem, sempre a partir da esquerda.
A partir do topo
Controlo de deslize, de 0 a 100 %Predefinição: 50 %Percentagem da altura da imagem.

Algo aqui não corresponde ao que aparece no editor? Diga-nos e corrigimos o guia.