Conteúdo Off-Canvas
Adicione painéis laterais elegantes e que economizam espaço ao seu site Elementor sem qualquer codificação O elemento Conteúdo Off-Canvas permite que você pegue qualquer modelo salvo como um formulário de contato ou menu de navegação exiba-o em uma sobreposição elegante que desliza para o lado Basta colocar um botão personalizável em qualquer lugar, escolher a posição e animação do seu painel e você criou uma maneira moderna e que economiza espaço para revelar conteúdo extra É perfeito para manter suas páginas limpas enquanto dá aos usuários acesso rápido a informações importantes, tudo com controle total sobre cada cor, borda e detalhe para combinar perfeitamente com sua marca.
Posicionamento e animação de painel flexível
Controle exatamente como e onde seu painel fora da tela aparece Escolha deslizá-lo da esquerda, direita, parte superior ou inferior, selecione uma animação de entrada como Slide ou Fade e defina a largura do painel para criar a experiência de usuário perfeita para seu conteúdo.
- Crie um carrinho lateral que deslize da direita para sua loja online.
- Use um painel superior para uma barra compacta de anúncio ou notificação.
- Implemente um menu de navegação deslizante para a esquerda para um menu moderno semelhante ao celular na área de trabalho.
Personalização completa do botão do gatilho
Projete o botão que abre seu painel para se adequar a qualquer contexto Defina seu texto e ícone, controle o espaçamento entre eles e estilize suas cores, fundo, bordas e efeitos de hover de forma independente, garantindo que fique ótimo onde quer que você o coloque na página.
- Crie um botão “Menu” de marca em seu cabeçalho para abrir uma navegação lateral.
- Use um botão de ícone simples em uma grade de produtos para abrir rapidamente um guia de tamanho.
- Projete um botão proeminente “Contact Us” com efeitos de hover exclusivos para incentivar cliques.
Perguntas frequentes sobre conteúdo off-canvas
Como adiciono conteúdo ao painel fora da tela?
Você adiciona conteúdo selecionando um modelo de Elementor salvo Primeiro, crie e salve seu conteúdo (como um formulário de contato ou um menu) como um modelo no Elementor Então, nas configurações deste elemento, escolha esse modelo no menu suspenso “Select Template”.
Posso fazer o painel aberto da esquerda em vez da direita?
Sim. nas configurações de conteúdo, você pode escolher o “Position” do painel As opções normalmente incluem Esquerda, Direita, Superior e Inferior, permitindo selecionar de qual borda da tela ele desliza.
O painel fora da tela funcionará corretamente nos telefones celulares?
Sim, ele foi projetado para ser totalmente responsivo A largura do painel e o botão de gatilho serão ajustados para diferentes tamanhos de tela Você também pode usar o modo responsivo do Elementor para ajustar configurações como largura do painel especificamente para dispositivos móveis.
A adição de um painel fora da tela afeta a velocidade de carregamento do meu site?
O impacto é mínimo O elemento carrega seu modelo salvo, que normalmente é otimizado pelo Elementor O conteúdo do painel geralmente carrega apenas quando acionado, o que ajuda a manter o carregamento inicial da página rápido.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
