review slider
Page: Product Pages (Optimized for Conversions)
Snippet Code
<style>
.content-for-layout section.shopify-section.section {
background-image: url(https://cdn.shopify.com/s/files/1/0626/4904/0940/files/dot-bg-v2.webp?v=1732971224);
background-position-x: center;
background-position-y: center;
background-color: #faf8f1 !important;
background-repeat: repeat;
}
.content-for-layout section.shopify-section.section div.gradient3 {
background-image: url(https://cdn.shopify.com/s/files/1/0626/4904/0940/files/dot-bg-v2.webp?v=1732971224);
background-position-x: center;
background-position-y: center;
background-color: #faf8f1 !important;
background-repeat: repeat;
}
.gradient3 {
background: #eff4f7;
background-attachment: fixed;
}
.testimonials-container3-main-wrap3 {
width: 100%;
height: auto;
padding: 0 50px;
}
.testimonials-container3 {
width: 100%;
height: auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#shopify-section-template--24856918360448__testimonials1_acpQPJ div#testimonial-swiper-wrapper {
display: flex;
}
.testimonials-swiper-container3 {
gap: 24px;
justify-content: center;
flex-wrap: wrap;
height: auto;
padding: 16px 0;
}
.testimonial-item3-slide3 {
width: 280px;
max-width: 280px;
min-width: 280px;
display: flex;
justify-content: center;
height: auto;
}
.testimonial-item3 {
max-width: 280px;
width: 100%;
height: auto;
background-color: #fff;
padding: 10px;
border-radius: 12px;
box-shadow: 6.123233995736766e-16px 10px 8px 0 #0000001f;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.testimonial-item3-star3-wrap3 {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.testimonial-item3-star3 {
height: 16px;
display: flex;
align-items: center;
}
.testimonial-item3-star3 img {
max-width: 100%;
max-height: 100%;
}
.testimonial-item3-purchase-wrap3 {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 2px;
}
.testimonial-item3-purchase-icon-wrap3 {
width: 12px;
height: 12px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
overflow: hidden;
margin-right: 6px;
}
.testimonial-item3-purchase-icon-wrap3 img {
max-width: 100%;
}
.testimonial-item3-purchase-label3 {
font-size: 10px;
text-transform: uppercase;
color: #999;
font-weight: 600;
margin: 0;
padding: 0;
line-height: 14px;
}
.testimonial-item3-text3-wrap3 {
width: 100%;
height: auto;
margin-top: 12px;
}
.testimonial-item3-text3 {
margin: 0;
padding: 0;
color: #202336;
font-size: 13px;
font-weight: 400;
}
.testimonial-item3-image-wrap3 {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
margin-top: 12px;
}
.testimonial-item3-image-wrap3 img {
max-width: 100%;
}
.testimonial-item3-person-wrap3 {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
margin-top: 12px;
}
.testimonial-item3-person-avatar3-wrap3 {
display: flex;
align-items: center;
flex-grow: 1;
flex-shrink: 0;
}
.testimonial-item3-person-avatar3 {
width: 36px;
height: 36px;
min-width: 36px;
border-radius: 100%;
overflow: hidden;
}
.testimonial-item3-person-avatar3 img {
max-width: 100%;
}
.testimonial-item3-person-name3-wrap3 {
margin-left: 8px;
}
.testimonial-item3-person-name3 {
font-size: 14px;
line-height: 20px;
overflow-wrap: break-word;
margin: 0;
padding: 0;
font-weight: 600;
color: #202336;
}
.testimonial-item3-person-title3 {
font-size: 12px;
line-height: 16px;
overflow-wrap: break-word;
margin: 0;
padding: 0;
}
.testimonials-action-button3-wrap3 {
width: 100%;
height: auto;
display: flex;
justify-content: center;
margin-top: 24px;
}
.customerButton3 {
display: flex !important;
max-width: 384px;
margin: auto;
cursor: pointer;
transition: .3s !important;
background-color: #951528;
font-family: Poppins;
font-weight: 700;
min-height: 42px;
height: 42px;
letter-spacing: initial;
align-items: center;
}
.button3 {
font-size: 15px;
line-height: calc(1 + .2 / 1.0);
justify-content: center;
border: 0;
padding: 0 30px;
font: inherit;
text-decoration: none;
color: #ffffff;
appearance: none;
border-radius: 50px;
}
.button3:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
border-radius: 40px;
box-shadow: 0px 4px 5px #12121200;
}
.customerButton3 img {
margin-left: 12px;
width: 21px;
}
.button3:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 1;
border-radius: 40px;
/* box-shadow: 0 0 0 calc(var(0px) + 0.3px) rgba(255, 255, 255, calc(1 - 1.0)), 0 0 0 0px #71a47d; */
transition: box-shadow .1s ease;
}
.section-template--16845203111980__custom_liquid_XqiFKH-padding {
padding-top: calc(4px * 0.75);
padding-bottom: calc(20px * 0.75);
}
@media screen and (min-width: 750px) {
.section-template--16845203111980__custom_liquid_XqiFKH-padding {
padding-top: 4px;
padding-bottom: 20px;
}
}
@media (max-width: 750px) {
#shopify-section-template--24856918360448__testimonials1_acpQPJ .swiper-wrapper {
display: flex;
overflow-x: scroll;
}
}
@media screen and (max-width: 768px) {
.testimonials-container3-main-wrap3 {
padding: 0;
}
.testimonials-container3 {
justify-content: flex-start;
flex-wrap: nowrap;
}
.testimonials-swiper-container3 {
justify-content: flex-start;
flex-wrap: nowrap;
gap: 0;
}
.testimonial-item3-slide3 {
width: 310px;
max-width: 310px;
min-width: 310px;
}
.testimonial-item3-star3 {
height: 16px;
}
.testimonial-item3-purchase-label3 {
font-size: 10px;
}
.testimonial-item3-text3-wrap3 {
margin-top: 8px;
}
.testimonial-item3-text3 {
font-size: 12px;
}
.testimonial-item3-person-wrap3 {
margin-top: 8px;
}
.customerButton3 {
width: 80%;
}
.jsScrollReviewButton img {
width: 22px;
}
}
@media screen and (max-width: 992px) {
.testimonials-container3 {
gap: 12px;
}
}
</style>
<div id="shopify-section-template--24856918360448__testimonials1_acpQPJ" class="shopify-section">
<section id="shopify-section-template--16845203111980__custom_liquid_XqiFKH" class="shopify-section section">
<div class="color-scheme-941b0a24-3e51-4bb4-b277-65982cf17815 gradient3">
<div class="section-template--16845203111980__custom_liquid_XqiFKH-padding">
<div style="width:100%;display:flex">
<div class="testimonials-container3-main-wrap3">
<div
class="swiper-wrapper jsTestimonialsSwiper swiper swiper-backface-hidden swiper-horizontal swiper-initialized testimonials-container3">
<div class="swiper-wrapper testimonials-swiper-container3" aria-live="polite"
id="testimonial-swiper-wrapper">
<div class="swiper-slide testimonial-item3-slide3 swiper-slide-active"
aria-label="1 / 4" role="group">
<div class="testimonial-item3">
<div class="testimonial-item3-top-wrap">
<div class="testimonial-item3-star3-wrap3">
<div class="testimonial-item3-star3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
<div class="testimonial-item3-purchase-wrap3">
<div class="testimonial-item3-purchase-icon-wrap3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item3-purchase-label3">Verified Purchase</p>
</div>
</div>
<div class="testimonial-item3-text3-wrap3">
<p class="testimonial-item3-text3">"Using the Facebook ad templates
completely transformed my approach! I could quickly create
high-performing ads that boosted my campaigns effortlessly!"</p>
</div>
<div class="testimonial-item3-image-wrap3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/1-v3.webp?v=1733606015"
alt="Our customers results"></div>
</div>
<div class="testimonial-item3-person-wrap3">
<div class="testimonial-item3-person-avatar3-wrap3">
<div class="testimonial-item3-person-avatar3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/5.webp?v=1732789311">
</div>
<div class="testimonial-item3-person-name3-wrap3">
<p class="testimonial-item3-person-name3">Sarah L.</p>
<p class="testimonial-item3-person-title3">Brand Owner</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide testimonial-item3-slide3 swiper-slide-next" aria-label="2 / 4"
role="group">
<div class="testimonial-item3">
<div class="testimonial-item3-top-wrap">
<div class="testimonial-item3-star3-wrap3">
<div class="testimonial-item3-star3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
<div class="testimonial-item3-purchase-wrap3">
<div class="testimonial-item3-purchase-icon-wrap3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item3-purchase-label3">Verified Purchase</p>
</div>
</div>
<div class="testimonial-item3-text3-wrap3">
<p class="testimonial-item3-text3">"Thanks to the website checklist, I
discovered key areas in my store that needed improvement. It's
essential for anyone aiming to boost conversions!"</p>
</div>
<div class="testimonial-item3-image-wrap3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/2-v3.webp?v=1733606015"
alt="Our customers results"></div>
</div>
<div class="testimonial-item3-person-wrap3">
<div class="testimonial-item3-person-avatar3-wrap3">
<div class="testimonial-item3-person-avatar3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/6.webp?v=1732789311">
</div>
<div class="testimonial-item3-person-name3-wrap3">
<p class="testimonial-item3-person-name3">Mark R.</p>
<p class="testimonial-item3-person-title3">Shopify Store Owner</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide testimonial-item3-slide3" aria-label="3 / 4" role="group">
<div class="testimonial-item3">
<div class="testimonial-item3-top-wrap">
<div class="testimonial-item3-star3-wrap3">
<div class="testimonial-item3-star3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
<div class="testimonial-item3-purchase-wrap3">
<div class="testimonial-item3-purchase-icon-wrap3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item3-purchase-label3">Verified Purchase</p>
</div>
</div>
<div class="testimonial-item3-text3-wrap3">
<p class="testimonial-item3-text3">"These email templates are a total
game-changer! I can easily adapt them for any needs, and my
campaigns are now making way more money!"</p>
</div>
<div class="testimonial-item3-image-wrap3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/3-v3.webp?v=1733606015"
alt="Our customers results"></div>
</div>
<div class="testimonial-item3-person-wrap3">
<div class="testimonial-item3-person-avatar3-wrap3">
<div class="testimonial-item3-person-avatar3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/7.webp?v=1732789311">
</div>
<div class="testimonial-item3-person-name3-wrap3">
<p class="testimonial-item3-person-name3">Jessica M.</p>
<p class="testimonial-item3-person-title3">Media Buyer</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide testimonial-item3-slide3" aria-label="4 / 4" role="group">
<div class="testimonial-item3">
<div class="testimonial-item3-top-wrap">
<div class="testimonial-item3-star3-wrap3">
<div class="testimonial-item3-star3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
<div class="testimonial-item3-purchase-wrap3">
<div class="testimonial-item3-purchase-icon-wrap3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item3-purchase-label3">Verified Purchase</p>
</div>
</div>
<div class="testimonial-item3-text3-wrap3">
<p class="testimonial-item3-text3">"Creating ads became so much easier
with the Facebook ads templates. My campaigns are now more
impactful, with a noticeable increase in engagement!"</p>
</div>
<div class="testimonial-item3-image-wrap3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/4-v3.webp?v=1733606015"
alt="Our customers results"></div>
</div>
<div class="testimonial-item3-person-wrap3">
<div class="testimonial-item3-person-avatar3-wrap3">
<div class="testimonial-item3-person-avatar3"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/8.webp?v=1732789311">
</div>
<div class="testimonial-item3-person-name3-wrap3">
<p class="testimonial-item3-person-name3">David P.</p>
<p class="testimonial-item3-person-title3">Digital Marketer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="testimonials-action-button3-wrap3"><button
class="button3 button3--primary customerButton3 jsScrollReviewButton"
data-target="#shopify-section-template--16845203111980__custom_liquid_jcjRY8">More
Reviews <img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/arrow-right-white.svg?v=1717623454"></button>
</div>
</div>
<script>document.addEventListener('DOMContentLoaded', function () {
const swiper = new Swiper(
document.querySelector('.jsTestimonialsSwiper'),
{
init: false,
slidesPerView: 'auto',
direction: 'horizontal',
loop: false,
spaceBetween: 0,
}
);
function validateSwiperOnWindowWidth() {
if (window.innerWidth <= 768) {
swiper.init();
} else {
swiper.destroy(true, true)
}
}
window.addEventListener('resize', function (event) {
validateSwiperOnWindowWidth();
});
validateSwiperOnWindowWidth();
});</script>
</div>
</div>
</div>
</section>
</div>Instructions
Heyy Guys 
Watch the video below to learn how to Import these Codes into your Shopify Ecommerce Store!