[Dúvida] Setas do Swiper não estão ativas

Oi Manuela,

Para que as setas funcionem, você precisa garantir que a configuração do Swiper esteja correta e que o JavaScript correspondente esteja implementado.

Aqui está um exemplo básico de como configurar o Swiper com as setas ativadas:

1. HTML: Certifique-se de que você tem a estrutura correta no seu HTML para as setas.

   <div class="swiper-container">
       <div class="swiper-wrapper">
           <div class="swiper-slide">Slide 1</div>
           <div class="swiper-slide">Slide 2</div>
           <div class="swiper-slide">Slide 3</div>
       </div>
       <!-- Adicione as setas -->
       <div class="swiper-button-next"></div>
       <div class="swiper-button-prev"></div>
   </div>
   

2. JavaScript: Em seguida, você deve inicializar o Swiper e habilitar as setas.

   const swiper = new Swiper('.swiper-container', {
       navigation: {
           nextEl: '.swiper-button-next',
           prevEl: '.swiper-button-prev',
       },
       // Outras configurações que você desejar
   });
   

3. Verifique o CSS: As setas também precisam ter estilos adequados para serem visíveis e clicáveis. Certifique-se de que não há estilos que possam estar ocultando ou desativando as setas.

Manuela, caso você tenha seguido essas etapas e ainda esteja enfrentando problemas, por favor, compartilhe seu código completo para análise.

   Caso este post o tenha ajudado, por favor, marcar como solucionado ☑️. Bons Estudos! 🤓