Posted on: 15/04/2025
Updated on: 16/04/2025
Code Preview

How to add your shopify Code
<div class="happy-customersV2">
<div class="avatarsV2">
<img src="https://img.freepik.com/free-photo/stylish-african-american-woman-smiling_23-2148770405.jpg" alt="Customer 1" class="avatarV2" />
<img src="https://thumbs.dreamstime.com/b/beautiful-african-american-woman-relaxing-outside-happy-middle-aged-smiling-46298787.jpg" alt="Customer 2" class="avatarV2" />
<img src="https://media.istockphoto.com/id/1320651997/photo/young-woman-close-up-isolated-studio-portrait.jpg?s=612x612&w=0&k=20&c=lV6pxz-DknISGT2jjiSvUmSaw0hpMDf-dBpT8HTSAUI=" alt="Customer 3" class="avatarV2" />
</div>
<span class="textV2">
<span style = "font-weight: 900;">Michelle</span>
<span class="verifiedV2">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Twitter_Verified_Badge.svg/800px-Twitter_Verified_Badge.svg.png"
alt="verified badge"
class="verifiedV2">
</span>
<span>and <strong>758</strong> people purchased</span>
</span>
</div>
<style>
.happy-customersV2 {
display: flex;
align-items: center;
background-color: #ffffff;
border-radius: 8px;
padding: 5px 15px;
font-family: Roboto, sans-serif !important;
font-size: 12px;
color: #000;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.avatarsV2 {
display: flex;
margin-right: 10px;
}
.avatarV2 {
width: 22px;
height: 22px;
border-radius: 50%;
border: 2px solid white;
margin-left: -7px;
object-fit: cover;
}
.textV2 {
font-weight: normal;
font-size: 12px;
color: #000;
line-height: 0px;
display: flex;
align-items: center;
gap: 3px;
}
.textV2 strong {
font-weight: 800;
font-family: Roboto, sans-serif;
}
.verifiedV2 {
vertical-align: middle;
height: 13px;
width: 13px;
}
</style>
Copyright Jumping Monkey © 2025 All Rights Reserved