Widgets carrossel elementador
Um carrossel deve fazer mais do que deslizar Master Addons dá-lhe vinte estilos de movimento finalizados (coverflow, acordeão, flip, linha do tempo, depoimento e muito mais) ao lado de carrosséis de imagem, logotipo, equipe e post que não custam nada. Oito dos vinte importam no plugin gratuito, e cada design tem uma demonstração ao vivo, para que você possa julgar um estilo de movimento em dez segundos, em vez de ler uma lista de recursos Todos os vinte saem dos Master Addons Construtor de widgets, então eles importam como widgets de trabalho e você os edita no Elementor como qualquer outra coisa Nenhum código para colar.








Cada design, com sua demonstração, JSON e documentos
Todo o conjunto em uma lista Abra uma demonstração para ver como o movimento se comporta, compare o estilos baseados em profundidade contra os planos, pegue o JSON se quiser no Elementor, e leia o doc quando um controle fizer algo que você não esperava Todos os vinte foram feitos com o Construtor de widgets, então editar qualquer um deles é trabalho de painel, não código.
Três slides ficam na tela ao mesmo tempo: o do meio quadrado, os dois externos virados e escurecidos para que o olho saiba onde pousar Setas, pontos de tick e um contador são opcionais, o jogo automático carrega sua própria etiqueta de pausa e teclas de seta e desliza os dois melhor em portfólios onde a próxima peça deve provocar em vez de competir.
Os painéis verticais ficam comprimidos às suas etiquetas até que um abra e aperte seus vizinhos, então seis seções cabem na altura de um. Um controle de layout transforma tudo em um arranjo empilhado, o open-on-hover pode ser desligado para toque e você escolhe qual painel está aberto quando a página carrega. Um contador pode ficar acima ou abaixo.
Uma fotografia full-bleed com a legenda desaparecendo em meia batida depois que a imagem cai, então a imagem lê primeiro e as palavras só confirmam. Reproduzir automaticamente com uma linha de progresso, passos de teclado e deslizar são todos embutidos, e imagens abaixo da dobra carregam preguiçosamente Feito para áreas de heróis onde a imagem carrega a mensagem, não longas galerias.
Uma pilha de cartas offset onde a de cima levanta e descasca para o lado A profundidade deixada para trás é como as pessoas julgam o que resta, então nenhum contador é necessário Cada carta carrega um crachá, um preço e uma nota, você define quantos permanecem visíveis na pilha, e uma dica opcional diz aos iniciantes para arrastar Próximo e Voltar são rotulados como texto.
O quadro divide-se no centro e as duas metades viajam em direções opostas, descobrindo o próximo emparelhamento à medida que passam uma pela outra Um movimento alto: use-o uma vez, perto do topo de uma página, em vez de uma galeria de doze imagens. Teclado, deslize e uma leitura de progresso vêm com ele, e os leitores de tela são informados sobre qual par está sendo exibido.
A roda de rolagem aciona os slides, e a página leva o rolagem para trás no momento em que você chega a qualquer extremidade, para que ninguém fique preso na seção na descida As teclas de seta e deslize fazem o mesmo trabalho O melhor em histórias verticais onde a ordem de leitura importa mais do que deixar as pessoas pularem, e o movimento reduzido o transforma em um passo simples.
As cartas giram em seu eixo vertical para mostrar uma segunda face, então um slide faz o trabalho de dois: frente para o pitch, volta para a especificação Posição da trilha dos pontos, teclas de seta e passo de deslizamento, e visitantes de movimento reduzido obtêm a troca sem o giro Ambas as faces são editáveis Bom para especificações de produtos, detalhes de preços e biografias da equipe.
Os slides percorrem a borda de um círculo ancorado abaixo da janela de visualização, chegando ao nível e inclinando-se à medida que saem, de modo que se lê como movimento ao longo de um caminho, em vez de ao longo de uma pista Roda, teclado e deslize todos o dirigem e uma posição de contramarcas Adequados conjuntos liderados por imagens onde o movimento faz parte do tom; movimento reduzido achata a curva.
Telhas irregulares trocam de deslizar lateralmente, então a composição muda de forma enquanto o quadro permanece colocado Teclado e deslizar ambos movê-lo, e movimento reduzido obtém um corte simples Ternos uma galeria onde nenhuma imagem única tem que vir primeiro o conjunto é o ponto, e classificação só iria ficar na forma Tamanhos de telha são definidos no painel.
Agarre e jogue, com impulso e sem pontos de encaixe, então a tira pára onde quer que seu movimento saia Roda e teclado também funcionam, e um contador mantém a posição honesta O slide meio visível na borda é o que diz às pessoas para manter puxando [a] sem que as linhas salientes e de arrasto livre sejam lidas como estáticas Os usuários do teclado obtêm etapas discretas em vez disso.
Dois painéis se separam para descobrir o slide já sentado atrás deles Nada viaja horizontalmente, por isso permanece calmo dentro de uma página densa onde uma pista deslizante lutaria contra tudo ao seu redor Passos de teclado, deslizamento e manuseio de movimento reduzido são construídos melhor com imagens individuais fortes; composições ocupadas se perdem atrás dos painéis.
Os itens viajam um círculo em torno de um centro fixo e terminam onde eles começaram, com um contador marcando posição no caminho ao redor Teclado e deslizar ambos passo-lo, e movimento-dá uma queda da órbita para uma mudança simples Mantenha-o para o conteúdo que genuinamente loops 1 um processo, um ciclo, um ano 1 onde voltar para o início é o ponto.
Uma imagem preenche o palco e os slides trocam instantaneamente, então não há nada para gaguejar em uma conexão lenta ou ficar fora de sincronia quando o Elementor renderiza O único design aqui com um link em cada slide mais um rótulo de call-to-action compartilhado Oitenta e cinco controles cobrem a tela, pontos, setas, contador, teclado e deslizar.
Uma coluna de linhas de entrada ao lado de uma única placa; escolher uma linha troca a imagem, o carimbo e a legenda, o que torna a própria lista a navegação Select-on-hover é um interruptor, vale a pena deixar de lado onde quer que um ponteiro perdido o cruze. Construído para catálogos, arquivos e listas de obras. 110 controles ficam em dezoito seções.
Uma grande placa sob uma faixa de miniaturas, com um painel pegajoso ao lado segurando a legenda e uma tabela de dados de quadros: lugar, hora, lente, abertura, obturador, ISO, cada rótulo editável Os quadros são substituídos imediatamente, nada desliza A faixa é o controle real; as setas estão lá para as pessoas que os querem Existem 127 controles no painel.
Nove caixas de itens paginadas três de cada vez, com um trilho de segmento que mostra a posição e salta direto para uma página Cada caixa contém uma imagem, categoria, título, cópia e um par de estatísticas A unidade de repetição é a página em vez do item, que é o comércio para o nível livre: nove caixas em três seções de conteúdo O trilho pode ser escondido.
Uma faixa de tabulação sobre painéis editoriais figura e legenda, kicker, título, lede, cópia corporal, uma tabela de fatos de três linhas e uma assinatura Semântica tablista ARIA real com tabindex itinerante, então teclas de seta e leitores de tela se comportam da maneira que as pessoas esperam Mais perto de uma propagação de revista do que um controle deslizante, e melhor para cópia longa 131 controles.
Uma citação ao lado de seu retrato, pisada com divisas que podem nomear quem fala em seguida, em vez de apenas apontar para algum lugar Uma barra de progresso e uma posição de trilha de contagem em execução A marca de citação é um controle de texto em vez de um glifo fixo, para que possa corresponder ao idioma do site ou ser esvaziado inteiramente Cinco campos por voz, três vozes.
Entradas fixadas em um eixo datado, com espaçamento de carrapatos computado a partir dos anos que você digita em vez de se espalhar uniformemente, de modo que as décadas tranquilas permanecem visíveis como lacunas Um pente de década acima da regra dá a esse espaçamento uma escala para ler contra O painel mais largo do conjunto em 143 controles, o eixo estilizado por conta própria Nove campos por entrada.
Um item mantido grande com os outros esperando ao lado Clique em um satélite e ele promove no slot de recurso, as caixas movendo-se para seus novos lugares com uma animação FLIP em vez de teletransportar lá O recurso carrega uma placa de três fatos; cada satélite mostra apenas seu número e nome Construído para salas e exposições rotativas.
Perguntas frequentes sobre widgets de carrossel de elementadores
Elementor tem um widget carrossel?
Sim. Image Carousel é enviado no plugin gratuito da Elementor, e Media Carousel, Carrossel Testemunho e Carrossel Loop venha com o Elementor Pro. O gratuito não possui legendas de slides e controle responsivo limitado, que é o motivo usual pelo qual as pessoas adicionam um complemento.
O carrossel Elementor é gratuito?
Seis widgets carrossel e slider em Master Addons são gratuitos: Carrossel de Imagem, Deslizador Logo, Team Slider, o modo carrossel do widget Blog, Timeline e o controle deslizante Comparação de Imagens antes/depois, além da extensão gratuita Background Slider Oito dos vinte designs personalizados também são importados gratuitamente: Plinth Hero, Ledger Index, Vitrine Plate Gallery, Quadrant Paged Catalog, Bulletin Tabbed Panels, Rostrum Quote, Almanac Timeline e Keystone Feature Os outros doze designs, o Gallery Slider e o News Ticker precisam do Pro.
Qual é a diferença entre um carrossel e um controle deslizante?
Um controle deslizante mostra um slide de cada vez e geralmente é um herói de largura total Um carrossel mostra vários itens de uma só vez em uma pista horizontal Ambos funcionam no mesmo motor Swiper aqui, então a diferença prática é a configuração de slides por visualização. Carrossel versus controle deslizante abrange onde a distinção ainda muda o que você constrói.
Como faço um carrossel Elementor responsivo?
Defina slides-per-view separadamente para desktop, tablet e celular usando os ícones do dispositivo na parte superior dessa configuração Quatro, dois, um funciona para a maioria das galerias Verifique o tamanho da seta no celular também, uma vez que os padrões geralmente estão abaixo do alvo de toque acessível de 44 px.
Por que meus slides de carrossel têm alturas diferentes?
Títulos de diferentes comprimentos empurram as linhas abaixo deles para fora da linha, e proporções de imagem misturadas fazem o mesmo Defina uma proporção de imagem fixa e ou tampe a altura do título com truncamento ou ligue a altura automática para que os níveis de linha para o slide mais alto Os cartões de produto atingem este mais difícil, que o guia carrossel do produto capas.
Meu carrossel parou de funcionar depois que liguei o cache.
A combinação ou adiamento de JavaScript interrompeu o carregamento do Swiper antes da execução do código init. Excluir swiper, elementor-frontend e jquery-core da otimização JS. No LiteSpeed, adicione-os ao campo Modo Convidado também Caso contrário, funciona enquanto você está conectado e faz pausas para os visitantes. O guia de solução de problemas do Swiper tem a lista completa de alças.
Os widgets carrossel retardam um site WordPress?
Os ativos carregam apenas nas páginas onde o widget é usado, portanto, um widget não utilizado não custa nada O peso que importa são suas imagens: um carrossel renderiza cada slide, portanto, sirva WebP no tamanho da exibição e mantenha o primeiro slide abaixo de 150 KB. Carrosséis vídeo são o caso caro, porque cada slide carrega um jogador.
Saiba mais sobre carrosséis Elementor
Guias para cada tipo de carrossel nesta página, desde o conjunto de design até o widget que o constrói.
Desenhos e modelos
- 20 modelos de controle deslizante Elementor, 8 deles gratuitosCada desenho do conjunto, para que serve cada um e que importa sem licença.
- Carrossel 3 D do elementor: fluxo de cobertura, flip, arco e órbitaOs quatro estilos de movimento baseados em profundidade e as configurações que os mantêm suaves.
- Widgets carrossel Elementor grátis: o que é realmente grátisOnde o nível livre para, dito claramente, com a lista Pro ao lado.
Construa um carrossel específico
- Como criar um carrossel de imagens no ElementorSlides por visualização, legendas, lightbox e layout de fluxo de cobertura, passo a passo.
- Como criar um carrossel de depoimentos no ElementorAmbas as rotas, além do erro do esquema de revisão que gera ações manuais.
- Como criar um carrossel de logotipo no ElementorFazer doze logotipos incompatíveis fica em uma fileira sem parecer uma nota de resgate.
- Carrossel de produtos WooCommerce no ElementorTrês métodos que funcionam e as páginas onde um carrossel de produtos custa vendas.
- Carrossel de vídeo Elementor e controle deslizante de galeriaVisualização mais miniaturas e o problema de incorporação que torna o vídeo o widget mais lento.
Ferramentas carrossel próprias da Elementor
- Carrossel Elementor Loop: como funcionaO carrossel dinâmico e orientado a consultas e as rotas gratuitas, se você não tiver Pro.
- Marquise Elementor: texto de rolagem infinita e logotiposTrês maneiras de construir uma trilha contínua e o truque que a impede de quebrar.
- Deslizador do Elementor Swiper: como funciona e como corrigi-loA biblioteca por trás de cada carrossel Elementor e as cinco coisas que o quebram.
Escolhendo
- Carrossel de elementor vs controle deslizante: qual a diferença?Uma pergunta que informa qual formato sua seção precisa.
- 7 melhores plugins carrossel Elementor comparadosO que cada plugin coloca em seu nível gratuito e quanto custa a página.
- Melhores plugins deslizantes Elementor comparadosConstrutores independentes contra widgets nativos do Elementor pesaram honestamente.
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
