O bloco Before After Toggle oferece uma maneira envolvente e visualmente atraente de exibir duas imagens lado a lado, permitindo que os usuários as comparem. Esse bloco inclui uma alça personalizável que pode ser movida horizontal ou verticalmente entre as duas imagens, aprimorando a experiência interativa.
Adição do bloco de alternância Antes e Depois às suas páginas do SeedProd
Siga estas etapas para incorporar o bloco Before and After Toggle em suas páginas do SeedProd:
- Sob o Design > Avançado arraste e solte a seção Antes Depois Alternar em sua página.
- Depois de adicionado, clique no botão Antes Depois Alternar para acessar suas configurações. Na seção Conteúdo você poderá definir Antes de e Depois de imagens:
Você também encontrará Controles de orientação que permitirá que você defina a orientação do controle deslizante como horizontal ou vertical. Também é possível ativar o recurso "Move On Hover", que permite que os usuários alternem entre as imagens sem clicar nelas. Além disso, você pode definir uma cor de sobreposição.
O Controles de alça de comparação permitirá que você personalize o estilo da alça de alternância.
- No Avançado você encontrará opções adicionais para personalizar os estilos e a tipografia dos rótulos Before/After. Você também pode definir atributos, ajustar o espaçamento e configurar a visibilidade do dispositivo.
- Lembre-se de salvar seu trabalho para preservar as alterações feitas.
É isso aí! Com o bloco Before After Toggle, você pode criar uma experiência de comparação interativa e envolvente usando imagens lado a lado. Os usuários podem comparar facilmente as diferenças e as transições entre as duas imagens movendo a alça, proporcionando uma experiência visualmente atraente em seu site.