image and review
Page: Homepage
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.gradient {
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;
}
.gradient {
background: #eff4f7;
background-attachment: fixed;
}
.title-container {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 50px;
max-width: 780px;
margin: 0 auto;
}
.title-container-main-title {
color: #202336;
font-weight: 600;
font-size: 42px;
margin: 0;
line-height: 62px;
text-align: center;
}
.title-container-main-title .higlight {
position: relative;
display: inline-block;
padding: 0 12px;
background-color: #ffd83b;
border-radius: 10px;
}
.title-container-subtitle {
padding: 0;
font-size: 18px;
color: #202336;
font-weight: 500;
line-height: 30px;
margin: 18px 0 0 0;
text-align: center;
}
b {
font-weight: bolder;
}
.customer-reviews-preview-container {
width: 100%;
height: auto;
display: flex;
justify-content: center;
padding: 0 50px;
max-width: 1200px;
margin: 0 auto;
}
.customer-main-container {
width: 100%;
display: flex;
}
.review-main-container {
width: 100%;
display: flex;
}
.customerGrid {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 32px;
}
.customer-photos-image-wrap {
display: flex;
flex-direction: column;
row-gap: 14px;
}
.customer-photos-image-wrap-row {
width: 100%;
height: auto;
display: flex;
justify-content: center;
column-gap: 14px;
}
.customer-photos-image-item-wrap {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
border-radius: 12px;
overflow: hidden;
box-shadow: 6.123233995736766e-16px 10px 8px 0 #0000001f;
}
.customer-photos-image-item-wrap img {
max-width: 100%;
}
.customer-reviews-preview-image-wrap {
display: flex;
flex-direction: column;
}
.customer-reviews-grid-wrap {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
row-gap: 14px;
margin-bottom: 26px;
}
.customer-reviews-grid-row {
width: 100%;
height: auto;
display: flex;
justify-content: center;
column-gap: 14px;
}
.customer-reviews-preview-container .testimonial-item {
min-width: 215px;
}
.testimonial-item {
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-item-star-wrap {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.testimonial-item-star {
height: 16px;
display: flex;
align-items: center;
}
.customer-reviews-preview-container img {
max-width: 100%;
}
.testimonial-item-star img {
max-height: 100%;
}
.testimonial-item-text-wrap {
width: 100%;
height: auto;
margin-top: 12px;
}
.customer-reviews-preview-container .testimonial-item-text {
letter-spacing: 0;
line-height: 20px;
font-size: 13px;
}
.testimonial-item-text {
margin: 0;
padding: 0;
color: #202336;
font-weight: 400;
}
.testimonial-item-person-wrap.no-avatar-image {
align-items: center;
}
.testimonial-item-person-wrap {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
margin-top: 12px;
}
.testimonial-item-person-avatar-wrap {
display: flex;
align-items: center;
flex-grow: 1;
flex-shrink: 0;
}
.testimonial-item-person-wrap.no-avatar-image .testimonial-item-person-name-wrap {
margin-left: 0;
}
.customer-reviews-preview-container .testimonial-item-person-name {
font-size: 13px;
letter-spacing: 0;
}
.testimonial-item-person-name {
line-height: 20px;
overflow-wrap: break-word;
margin: 0;
padding: 0;
font-weight: 600;
color: #202336;
}
.testimonial-item-purchase-wrap {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 2px;
}
.customer-reviews-preview-container .testimonial-item-purchase-icon-wrap {
width: 10px;
height: 10px;
}
.testimonial-item-purchase-icon-wrap {
width: 12px;
height: 12px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
overflow: hidden;
margin-right: 6px;
}
.customer-reviews-preview-container .testimonial-item-purchase-label {
font-size: 9px;
}
.testimonial-item-purchase-label {
text-transform: uppercase;
color: #999;
font-weight: 600;
margin: 0;
padding: 0;
line-height: 14px;
}
#customer-reviews-preview-container.customer-reviews-preview-container .customerSwiper {
display: none;
}
.customerButton {
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;
}
.button8 {
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;
min-width: calc(120px + 0px * 2);
border-radius: 50px;
}
.button8 img {
width: 15px;
}
.button8:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
border-radius: 40px;
box-shadow: 0px 4px 5px #12121200;
}
.customerButton img {
margin-left: 12px;
}
.button8:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 1;
border-radius: 40px;
transition: box-shadow .1s ease;
}
.section-template--16845203111980__custom_liquid_jcjRY8-padding {
padding-top: calc(60px * 0.75);
padding-bottom: calc(36px * 0.75);
}
@media screen and (min-width: 750px) {
.section-template--16845203111980__custom_liquid_jcjRY8-padding {
padding-top: 60px;
padding-bottom: 36px;
}
}
@media (max-width: 750px) {
#shopify-section-template--24856918360448__testimonials2_nmUgRW .customerSwiper {
overflow-x: scroll;
}
#shopify-section-template--24856918360448__testimonials2_nmUgRW div#swiper-wrapper-ec9211a61674ffe0 {
display: flex;
}
#shopify-section-template--24856918360448__testimonials2_nmUgRW span.swiper-notification {
display: none !important;
}
#shopify-section-template--24856918360448__testimonials2_nmUgRW .btn-nav-combo {
display: none !important;
}
}
@media (min-width: 801px) {
#customer-reviews-preview-container.customer-reviews-preview-container .btn-nav-combo .customerPagination {
display: none;
}
#customer-reviews-preview-container.customer-reviews-preview-container .btn-nav-combo .swiper-button8-next {
display: none;
}
#customer-reviews-preview-container.customer-reviews-preview-container .btn-nav-combo .swiper-button8-prev {
display: none;
}
}
@media screen and (max-width: 768px) {
.title-container-main-title {
font-size: 22px;
line-height: 36px;
}
.title-container-subtitle {
font-size: 14px;
line-height: 24px;
margin: 10px 0 0 0;
}
.customer-reviews-preview-container {
padding: 0;
}
.customerGrid {
display: flex;
flex-direction: column;
width: 100%;
}
.customer-photos-image-wrap {
padding: 0 15px;
margin-bottom: 24px;
}
.customer-reviews-grid-wrap {
display: none;
}
.testimonial-item-star {
height: 16px;
}
.testimonial-item-text-wrap {
margin-top: 8px;
}
.testimonial-item-person-wrap {
margin-top: 8px;
}
#customer-reviews-preview-container.customer-reviews-preview-container .product-customer .customerSwiper {
margin-bottom: 8px;
width: 100%;
display: flex;
}
#customer-reviews-preview-container.customer-reviews-preview-container .customerSwiper .swiper-slide:first-child {
width: 312px;
justify-content: center;
}
#customer-reviews-preview-container.customer-reviews-preview-container .customerSwiper .swiper-slide {
box-sizing: border-box;
width: 296px;
padding-bottom: 20px;
display: flex;
justify-content: flex-start;
}
.product-customer .btn-nav-combo {
align-items: center;
}
.product-customer .customerButton {
margin: unset;
margin-left: 16px;
width: 100%;
max-width: 219px;
letter-spacing: inherit;
}
#customer-reviews-preview-container.customer-reviews-preview-container .customer-pagination-wrap {
display: flex;
align-items: center;
}
#customer-reviews-preview-container.customer-reviews-preview-container .product-customer .customerPagination {
position: static;
margin: auto;
}
.product-customer .swiper-pagination {
background-color: transparent;
width: fit-content;
font-size: 12px;
}
.product-customer .swiper-button8-next {
background-image: url(https://cdn.shopify.com/s/files/1/0626/4904/0940/files/arrow-right-white.svg?v=1717623454);
background-repeat: no-repeat;
position: unset;
background-color: #71a47d;
height: 42px;
width: 42px;
min-width: 42px;
min-height: 42px;
text-align: center;
background-position: center;
border-radius: 50%;
margin: 0;
z-index: auto;
margin-right: 16px;
padding: 0;
border: none;
}
.product-customer .swiper-button8-prev {
display: none;
}
}
@media screen and (max-width: 992px) {
.title-container {
padding: 0 15px;
}
}
</style>
<div id="shopify-section-template--24856918360448__testimonials2_nmUgRW" class="shopify-section">
<section id="shopify-section-template--16845203111980__custom_liquid_jcjRY8" class="shopify-section section">
<div class="color-scheme-1 gradient">
<div class="section-template--16845203111980__custom_liquid_jcjRY8-padding">
<div style="width:100%;display:flex">
<div class="title-container">
<h4 class="title-container-main-title"><span class="higlight">Results</span> That Speak Volumes</h4>
<p class="title-container-subtitle">Meet the people <b>boosting their sales</b> with our product.</p>
</div>
</div>
<div style="width:100%;display:flex;margin-top:24px">
<div class="customer-reviews-preview-container" id="customer-reviews-preview-container">
<div class="customer-main-container product-customer">
<div class="review-main-container">
<div class="customerGrid">
<div class="customer-photos-image-wrap">
<div class="customer-photos-image-wrap-row">
<div class="customer-photos-image-item-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/1_b884d0f9-8970-4e83-82f5-f1a7226ab1e1.webp?v=1732804695"
alt="People Reviews" lazy="loading"></div>
<div class="customer-photos-image-item-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/2_c140080e-6991-4a97-b24c-046d1851d35f.webp?v=1732804695"
alt="People Reviews" lazy="loading"></div>
</div>
<div class="customer-photos-image-wrap-row">
<div class="customer-photos-image-item-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/3_7e4842b1-b5ba-4215-96ee-9b0a255b5d9a.webp?v=1732804695"
alt="People Reviews" lazy="loading"></div>
<div class="customer-photos-image-item-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/4_f40e2711-b58e-4fd7-83a6-f4ccd29c4917.webp?v=1732804695"
alt="People Reviews" lazy="loading"></div>
</div>
</div>
<div class="customer-reviews-preview-image-wrap">
<div class="customer-reviews-grid-wrap">
<div class="customer-reviews-grid-row">
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"Absolutely thrilled with this toolkit! My ad engagement
skyrocketed, and sales increased by 50% in just two weeks. Highly recommend!"</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">Michael B.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"The email templates are a game-changer. Saved me so much
time, and my open rates have never been higher... couldn't be happier!"</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">John D.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
</div>
<div class="customer-reviews-grid-row">
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"As a small business owner, this was exactly what I
needed. The ad templates are super easy to customize, and they really work!"</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">David K.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"Wow! The optimization checklist uncovered issues on my
site I didn't even know existed. Fixed them, and my conversions jumped!"</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">Brian S.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
</div>
<div class="customer-reviews-grid-row">
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"Can't believe how effective the ChatGPT prompts are.
Content creation is now a breeze, and my marketing looks so professional."</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">Lisa M.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"Best investment ever! The comprehensive toolkit boosted
my ROI significantly. If you're on the fence, just go for it!"</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">Emily W.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
</div>
</div>
<div class="customerSwiper swiper swiper-backface-hidden swiper-horizontal swiper-initialized">
<div class="swiper-wrapper" id="swiper-wrapper-ec9211a61674ffe0" aria-live="polite"
style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
<div class="swiper-slide swiper-slide-active" aria-label="1 / 6" role="group">
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"Absolutely thrilled with this toolkit! My ad
engagement skyrocketed, and sales increased by 50% in just two weeks. Highly
recommend!"</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">Michael B.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" aria-label="2 / 6" role="group" loading="lazy">
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"The email templates are a game-changer. Saved me so
much time, and my open rates have never been higher... couldn't be happier!"</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">John D.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide" aria-label="3 / 6" role="group" loading="lazy">
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"As a small business owner, this was exactly what I
needed. The ad templates are super easy to customize, and they really work!"</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">David K.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide" aria-label="4 / 6" role="group" loading="lazy">
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"Wow! The optimization checklist uncovered issues on my
site I didn't even know existed. Fixed them, and my conversions jumped!"</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">Brian S.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide" aria-label="5 / 6" role="group" loading="lazy">
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"Can't believe how effective the ChatGPT prompts are.
Content creation is now a breeze, and my marketing looks so professional."</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">Lisa M.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide" aria-label="6 / 6" role="group" loading="lazy">
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"Best investment ever! The comprehensive toolkit
boosted my ROI significantly. If you're on the fence, just go for it!"</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">Emily W.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
</div>
</div><span class="swiper-notification" aria-atomic="true" aria-live="assertive">
<div class="testimonial-item">
<div class="testimonial-item-top-wrap">
<div class="testimonial-item-star-wrap">
<div class="testimonial-item-star"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/trustpilot-icon-new.svg?v=1732789969">
</div>
</div>
<div class="testimonial-item-text-wrap">
<p class="testimonial-item-text">"Best investment ever! The comprehensive toolkit boosted
my ROI significantly. If you're on the fence, just go for it!"</p>
</div>
</div>
<div class="no-avatar-image testimonial-item-person-wrap">
<div class="testimonial-item-person-avatar-wrap">
<div class="testimonial-item-person-name-wrap">
<p class="testimonial-item-person-name">Emily W.</p>
</div>
</div>
<div class="testimonial-item-purchase-wrap">
<div class="testimonial-item-purchase-icon-wrap"><img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/grey-checkmark-circle.svg?v=1721467531">
</div>
<p class="testimonial-item-purchase-label">Verified Purchase</p>
</div>
</div>
</div>
</span><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
<div class="btn-nav-combo"><button
class="button8 button8--primary customerButton jsScrollReviewButton"
data-target=".jsCustomerSuccessMainBlock">More Reviews <img
src="https://cdn.shopify.com/s/files/1/0626/4904/0940/files/arrow-right-white.svg?v=1717623454"></button>
<div class="customer-pagination-wrap">
<div
class="customerPagination swiper-pagination swiper-pagination-bullets swiper-pagination-clickable swiper-pagination-horizontal"
id="customerPagination"></div><button class="swiper-button8-next"
aria-controls="swiper-wrapper-ec9211a61674ffe0" aria-disabled="false" aria-label="Next slide"
role="button8" tabindex="0"></button> <button class="swiper-button8-prev"
aria-controls="swiper-wrapper-ec9211a61674ffe0" aria-disabled="false"
aria-label="Previous slide" role="button8" tabindex="0"></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>function initClickScrollToBuyFormButton() {
const buttons = document.querySelectorAll(".jsScrollReviewButton").forEach(function (button) {
button.addEventListener("click", function () {
var targetId = button.getAttribute('data-target');
var targetElement = document.querySelector(targetId);
var offsetElement = document.querySelector('.header-wrapper');
if (targetElement) {
// Calculate the height of the offset element; default to 0 if not found
var offsetHeight = offsetElement ? offsetElement.offsetHeight : 0;
// Get the vertical position of the target element relative to the document
var targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - offsetHeight;
// Scroll to the calculated position smoothly
window.scrollTo({
top: targetPosition,
behavior: 'smooth'
});
}
});
});
}
document.addEventListener('DOMContentLoaded', function () {
new Swiper(
document.querySelector('[id="customer-reviews-preview-container"] .customerSwiper'),
{
pagination: {
el: '[id="customer-reviews-preview-container"] .customerPagination',
clickable: true,
renderBullet: function (index, className) {
return '<span class="' + className + '">' + [index + 1] + '/' + 6 + '</span>';
}
},
navigation: {
nextEl: '.swiper-button8-next',
prevEl: '.swiper-button8-prev',
},
slidesPerView: 'auto'
}
);
initClickScrollToBuyFormButton();
});</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!