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

Compre o look

Uma foto grande com pontos sobre os produtos que aparecem nela. Tocar em um ponto mostra o produto, que pode ir direto para o carrinho.

Posicione cada ponto pela posição na horizontal e na vertical da foto. Confira no celular se os pontos continuam sobre os itens certos.

Configurações

Imagem

Imagem de estilo de vida: ImagemUma foto que mostra os produtos. Posicione os pontos nos blocos.
Imagem para celular: ImagemOpcional. Se vazia, os celulares mostram a imagem principal. Cada ponto tem a própria posição para celulares.
Formato da imagem no computador: Opção: Retrato (4:5), Quadrado, Paisagem (4:3), Largo (16:9), OriginalPadrão: Retrato (4:5)Original: sem corte, para que os pontos fiquem exatamente sobre os produtos.
Formato da imagem nos celulares: Opção: Retrato (4:5), Quadrado, OriginalPadrão: Retrato (4:5)
Lado da imagem no computador: Opção: Automático: oposto à seção acima, Primeiro, ÚltimoPadrão: Automático: oposto à seção acimaAo lado da lista de produtos, no computador. No celular, a imagem fica sempre abaixo do título. Automático: quando a seção acima também tem uma imagem ao lado do texto, a imagem vai para o outro lado, de modo que seçõ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 padrão.
Palavra pequena acima do título: Ativado ou desativadoPadrão: Ativado
Palavra pequena: TextoDeixe vazio para mostrar a palavra padrão.

Pontos e produtos

Botão + de adição rápida: Ativado ou desativadoPadrão: AtivadoNo cartão que se abre a partir de um ponto. Abre a visualização rápida ou a página do produto, quando a visualização rápida está desativada.
Lista de produtos ao lado da imagem: Ativado ou desativadoPadrão: AtivadoSomente no computador. Clicar em uma linha abre o ponto correspondente. Desativado: o título fica acima da imagem.
Rótulo da lista: TextoDeixe vazio para mostrar o rótulo padrão.
Dica abaixo da imagem: Ativado ou desativadoPadrão: AtivadoSomente em celulares: "Toque em um ponto para ver o produto".
Cor dos pontos: Opção: Claro, EscuroPadrão: ClaroClaro para uma foto escura, escuro para uma foto clara.
Anel pulsante ao redor dos pontos: Ativado ou desativadoPadrão: AtivadoSomente enquanto a seção está na tela. Não é exibido a visitantes que preferem movimento reduzido.

Cada ponto é um bloco: escolha um produto e posicione-o em porcentagem, separadamente para computador e celulares. Um ponto sem produto não é exibido na loja.

Configurações que toda seção temJanela, Rolagem, Espaçamento, Cores, Estilo do texto

As configurações de janela, rolagem, espaçamento e cores funcionam do mesmo jeito em todas as seções. Veja como funcionam.

Janela

Junção: Opção: Janela separada, Unida à janela de cima, Unida à janela de baixo, Unida em cima e embaixoPadrão: Janela separada
Cantos das imagens: Opção: Arredondados, RetosPadrão: Arredondados

Rolagem

A próxima seção a cobre ao rolar: Ativado ou desativadoPadrão: DesativadoAo rolar para baixo, esta seção fica no lugar sob o cabeçalho e a próxima seção sobe sobre ela. Ao rolar de volta, acontece o inverso. Desativado no editor, para visitantes que pediram movimento reduzido e em telas muito baixas.

Espaçamento

Espaçamento personalizado para esta seção: Ativado ou desativadoPadrão: DesativadoDesativado: o espaçamento entre seções das configurações do tema, em Layout. Ativado: os valores daqui, acima e abaixo desta seção. No celular, a maioria das seções usa 65% desses valores.
Espaço acima: Controle deslizante, de 0 a 120 pxPadrão: 40 px
Espaço abaixo: Controle deslizante, de 0 a 120 pxPadrão: 40 px
Largura do conteúdo: Opção: Estreita, Padrão, Larga, Largura totalPadrão: Padrão

Cores

Esquema de cores: Esquema de coresIgual ao esquema da página: a seção fica sobre o fundo da página. Outro esquema dá à seçã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 seção: Ativado ou desativadoPadrão: DesativadoCaso contrário, a seção usa as cores do tema.
Fundo: CorPadrão: #F1F1EF
Texto: CorVazio: automático. Claro sobre fundo escuro, escuro sobre fundo claro.
Estilo do fundo: Opção: Cor lisa, Palco iluminadoPadrão: Cor lisaPalco iluminado: uma luz suave de cima que se atenua para baixo, a partir da cor da seção, clara ou escura. Em uma cor escura, o texto e os botões clareiam sozinhos.
Cor da luz: CorA luz suave vinda do centro do topo. Vazio: branco.

Estilo do texto

Estilo de texto personalizado nesta seção: Ativado ou desativadoPadrão: DesativadoCaso contrário, a seção usa o estilo do tema. As fontes da Shopify não incluem hebraico, então você escolhe entre estilos que funcionam em hebraico.
Estilo do título: Opção: Padrão do tema, Leve, Negrito, SerifadaPadrão: Padrão do tema
Tamanho do título: Controle deslizante, de 70 a 160 %Padrão: 100 %
Cor do título: CorVazio: automático, usa a cor da seção (claro sobre fundo escuro).
Estilo do texto: Opção: Padrão do tema, Leve, Negrito, SerifadaPadrão: Padrão do tema
Tamanho do texto: Controle deslizante, de 70 a 160 %Padrão: 100 %
Cor do texto: CorVazio: automático, usa a cor da seção (claro sobre fundo escuro).

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.

Ponto

Geral

Produto: ProdutoO produto que este ponto mostra.

Posição no computador

A partir da esquerda: Controle deslizante, de 0 a 100 %Padrão: 50 %Porcentagem da largura da imagem, sempre a partir da esquerda.
A partir do topo: Controle deslizante, de 0 a 100 %Padrão: 50 %Porcentagem da altura da imagem.

Posição nos celulares

A partir da esquerda: Controle deslizante, de 0 a 100 %Padrão: 50 %Porcentagem da largura da imagem, sempre a partir da esquerda.
A partir do topo: Controle deslizante, de 0 a 100 %Padrão: 50 %Porcentagem da altura da imagem.

Algo aqui não bate com o que aparece no seu editor? Conte para a gente e corrigimos o guia.