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

Antes e depois

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

Use duas imagens tiradas do mesmo ângulo e com o mesmo tamanho, para que só a mudança se mova. A linha também funciona com o teclado.

Definições

Imagem do “antes”: ImagemUtilize o mesmo enquadramento da imagem principal, para que a linha compare dois estados da mesma coisa.
Imagem do “depois”: Imagem
Etiqueta do antes: TextoVazio: “Antes”.
Etiqueta do depois: TextoVazio: “Depois”.
Foco da imagem: Escolha: O ponto focal da imagem, Centro, Topo, FundoPredefinição: O ponto focal da imagem
Forma da imagem no computador: Escolha: Vertical (4:5), Alta (2:3), Quadrada, Horizontal (3:2)Predefinição: Vertical (4:5)
Forma da imagem no telemóvel: Escolha: Igual à do computador, Vertical (4:5), Quadrada, Horizontal (3:2)Predefinição: Igual à do computador

Mostrar um botão: Ativado ou desativadoPredefinição: Ativado
Texto do botão: TextoDeixe vazio para mostrar o texto predefinido.
Ligação do botão: LigaçãoDeixe vazio para abrir a página de todos os produtos.
Botão de vidro: Controlo de deslize, de 0 a 90 %Predefinição: 0 %0: um botão sólido normal. Acima de 0: vidro escuro translúcido com uma borda clara fina, para um botão sobre uma imagem. Mais alto é mais escuro.

Lado da imagem: Escolha: Automático: oposto à secção acima, No início (à direita, em hebraico), No fim (à esquerda, em hebraico)Predefinição: Automático: oposto à secção acimaOnde a imagem fica ao lado do texto, em computador ou tablet. 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).
Ordem no telemóvel: Escolha: Imagem primeiro, Texto primeiroPredefinição: Imagem primeiro
Alinhamento do texto: Escolha: Início, Centro, FimPredefinição: Início
Posição do texto junto à imagem: Escolha: Topo, Meio, FundoPredefinição: MeioNo computador ou no tablet.

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.

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

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

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

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