No editor de temas: PersonalizarPágina inicialAdicionar seçãoAntes e depois

Antes e depois

Duas imagens da mesma coisa com uma linha no meio que se arrasta, por exemplo antes e depois de um tratamento ou de um processo.

Use duas imagens feitas no mesmo ângulo e no mesmo tamanho, para que só a mudança se mova. A linha também funciona pelo teclado.

Configurações

Imagem do “antes”: ImagemUse o mesmo enquadramento da imagem principal, para que a linha compare dois estados da mesma coisa.
Imagem do “depois”: Imagem
Rótulo do antes: TextoVazio: “Antes”.
Rótulo do depois: TextoVazio: “Depois”.
Foco da imagem: Opção: Ponto focal da imagem, Centro, Topo, Parte inferiorPadrão: Ponto focal da imagem
Formato da imagem no computador: Opção: Retrato (4:5), Alto (2:3), Quadrado, Paisagem (3:2)Padrão: Retrato (4:5)
Formato da imagem no celular: Opção: Igual ao do computador, Retrato (4:5), Quadrado, Paisagem (3:2)Padrão: Igual ao do computador

Mostrar um botão: Ativado ou desativadoPadrão: Ativado
Texto do botão: TextoDeixe vazio para mostrar o texto padrão.
Link do botão: LinkDeixe vazio para abrir a página com todos os produtos.
Botão de vidro: Controle deslizante, de 0 a 90 %Padrão: 0 %0: um botão sólido comum. Acima de 0: vidro escuro translúcido com uma borda clara fina, para um botão sobre uma imagem. Quanto maior, mais escuro.

Lado da imagem: Opção: Automático: oposto à seção acima, No início (direita, em hebraico), No fim (esquerda, em hebraico)Padrão: Automático: oposto à seção acimaOnde a imagem fica ao lado do texto, em computador ou tablet. 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).
Ordem no celular: Opção: Imagem primeiro, Texto primeiroPadrão: Imagem primeiro
Alinhamento do texto: Opção: Início, Centro, FimPadrão: Início
Posição do texto ao lado da imagem: Opção: Topo, Meio, Parte inferiorPadrão: MeioNo computador ou no tablet.

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.

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

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 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

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 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).

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