1. Home
  2. Docs
  3. RATNA
  4. Theme Features
  5. Homepage
  6. Review Slider

Review Slider

Elevate Your Reviews with Ease Using our Review Slider

Introducing the Review Slider – the ultimate solution for showcasing your top customer reviews with ease. Our Review Slider offers seamless integration with page builder and comes with a user-friendly Review Slider Generator, making the process of setting up an impressive review showcase simpler than ever before. Say goodbye to coding – our Review Slider effortlessly integrates into page builder. Simply drag and drop the widget to your desired location, then use the generator to create an eye-catching display without any technical hassles.

upload images at Image Manager

sample code

<div class="customersReview">
      <h2 class="page-heading">
        Customers Reviews
          <span>Read what our customers say.</span>
      </h2>
      <div class="swiper customersReviews">
        <div class="swiper-wrapper">
  
      <div class="swiper-slide">
        <div class="testimonial"  itemprop="review" itemscope itemtype="https://schema.org/Review">
          <img  src="https://cdn11.bigcommerce.com/s-9u6dasuoh9/images/stencil/original/image-manager/review1.png" alt="tom"  width="250" height="250"   class="testimonialphoto">
          <div class="rating"  itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
            <div class="rating__stars"  itemprop="ratingValue" role="img" aria-label="5 out of 5 stars"></div>
          </div>
          <p class="reviewBody"  itemprop="reviewBody">I love shopping from this website! The quality of their clothing is amazing, and the prices are very reasonable. I always find something stylish to add to my wardrobe. Highly recommended.</p>
          <p class="text-author"  name="name"  itemprop="author">Tom</p>
        </div>
      </div>
    
      <div class="swiper-slide">
        <div class="testimonial"  itemprop="review" itemscope itemtype="https://schema.org/Review">
          <img  src="https://cdn11.bigcommerce.com/s-9u6dasuoh9/images/stencil/original/image-manager/review2.png" alt="jerry"  width="250" height="250"   class="testimonialphoto">
          <div class="rating"  itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
            <div class="rating__stars"  itemprop="ratingValue" role="img" aria-label="5 out of 5 stars"></div>
          </div>
          <p class="reviewBody"  itemprop="reviewBody">This website is my go-to for trendy clothing! The selection is fantastic, and I always receive compliments on my outfits. Shipping is fast, and the customer service is top-notch.</p>
          <p class="text-author"  name="name"  itemprop="author">Jerry</p>
        </div>
      </div>
    
      <div class="swiper-slide">
        <div class="testimonial"  itemprop="review" itemscope itemtype="https://schema.org/Review">
          <img  src="https://cdn11.bigcommerce.com/s-9u6dasuoh9/images/stencil/original/image-manager/review3.png" alt="mike"  width="250" height="250"   class="testimonialphoto">
          <div class="rating"  itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
            <div class="rating__stars"  itemprop="ratingValue" role="img" aria-label="5 out of 5 stars"></div>
          </div>
          <p class="reviewBody"  itemprop="reviewBody">I'm impressed with the quality of clothing I received from this website. Everything fits perfectly, and the material feels luxurious. Will definitely be shopping here again!</p>
          <p class="text-author"  name="name"  itemprop="author">Mike</p>
        </div>
      </div>
    
      <div class="swiper-slide">
        <div class="testimonial"  itemprop="review" itemscope itemtype="https://schema.org/Review">
          <img  src="https://cdn11.bigcommerce.com/s-9u6dasuoh9/images/stencil/original/image-manager/review4.png" alt="lola"  width="250" height="250"   class="testimonialphoto">
          <div class="rating"  itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
            <div class="rating__stars"  itemprop="ratingValue" role="img" aria-label="5 out of 5 stars"></div>
          </div>
          <p class="reviewBody"  itemprop="reviewBody">I've never been disappointed with my purchases from this website. The clothes are stylish, well-made, and always on-trend. Plus, the delivery is quick!</p>
          <p class="text-author"  name="name"  itemprop="author">Lola</p>
        </div>
      </div>
    
      <div class="swiper-slide">
        <div class="testimonial"  itemprop="review" itemscope itemtype="https://schema.org/Review">
          <img  src="https://cdn11.bigcommerce.com/s-9u6dasuoh9/images/stencil/original/image-manager/review5.png" alt="marsa"  width="250" height="250"   class="testimonialphoto">
          <div class="rating"  itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
            <div class="rating__stars"  itemprop="ratingValue" role="img" aria-label="5 out of 5 stars"></div>
          </div>
          <p class="reviewBody"  itemprop="reviewBody">Shopping on this website is always a pleasure. The variety of clothing options is fantastic, and the prices are unbeatable. Highly recommended!</p>
          <p class="text-author"  name="name"  itemprop="author">Marsa</p>
        </div>
      </div>
    
      <div class="swiper-slide">
        <div class="testimonial"  itemprop="review" itemscope itemtype="https://schema.org/Review">
          <img  src="https://cdn11.bigcommerce.com/s-9u6dasuoh9/images/stencil/original/image-manager/review6.png" alt="nile"  width="250" height="250"   class="testimonialphoto">
          <div class="rating"  itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
            <div class="rating__stars"  itemprop="ratingValue" role="img" aria-label="5 out of 5 stars"></div>
          </div>
          <p class="reviewBody"  itemprop="reviewBody">I've been a loyal customer of this website for years, and they never disappoint. The clothing quality is excellent, and the prices are reasonable. Highly recommend!</p>
          <p class="text-author"  name="name"  itemprop="author">Nile</p>
        </div>
      </div>
    
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>