Meu código do carrossel slidesPerView não está funcionando de acordo.
Percebi que meu carrossel apresenta apenas 1 livro da lista de 5 livros.
Abaixo segue como está a configuração do meu script:
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script>
const swiper = new Swiper('.swiper', {
spaceBetween: 10,
SlidesPerview: 3,
pagination: {
el: '.swiper-pagination',
type: 'bullets',
}
});
</script>
e o CSS:
da classe da img (swiper-slide) está conforme abaixo:
.swiper-slide img{
width:100%;
}
Alguém passou por isso?
Mesmo que eu defina o width no CSS para 10%, é apresentado apenas a imagem de 1 livro e não funciona o botão de passador. O problema começou a ser apresentado após iniciar as edições para deixar o layout responsivo.