0

*Unfortunately, slidesPerView in Swiper does not work, which should display 3 pictures at once: *

        <>
        <swiper-container
          slidesPerView={3}
          spaceBetween={30}
          pagination={{dynamicBullets: true,}}
          loop={true}
          autoplay={true}
          effect='fade'
          modules={[Autoplay, Pagination]}
          className='mySwiperContainerProduct'
         
        >

            {displayedProducts.map((product) => (
            <swiper-slide key={product.id} className="mySwiperSlide">
              <img src={product.photoUrl} alt={product.title} className='mySwiperImg' />
            </swiper-slide>
          ))}
        </swiper-container>
      </>

Unfortunately, I did not find a solution to this problem.

GameForYouOnline
  • 1
  • 1
  • Please trim your code to make it easier to find your problem. Follow these guidelines to create a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example). – Community Jul 21 '23 at 04:08

0 Answers0