Back to Shopify Liquid
Shopify Liquid
Happy Customer
Drop this Shopify Liquid snippet into your theme to add the happy customer block. Copy the code below, paste it into your theme files, save and you're done.
51 lines · 1.2 KB
Shopify Liquid
1<!DOCTYPE html>2<html lang="en">3<head>4<meta charset="UTF-8">5<meta name="viewport" content="width=device-width, initial-scale=1.0">6<title>Unique Class Badge</title>7<style>8 .containerAb7xF3 {9 display: flex;10 align-items: center;11 background: linear-gradient(90deg, #b29eff, #d39fff);12 padding: 5px 15px;13 border-radius: 6px;14 font-family: Arial, sans-serif;15 font-size: 14px;16 color: white;17 font-weight: bold;18 }1920 .avatarsWrapper9JuY2 {21 display: flex;22 margin-right: 10px;23 }2425 .avatarImgS3k8Ly {26 width: 24px;27 height: 24px;28 border-radius: 16px;29 border: 2px solid white;30 margin-left: -8px;31 }3233 .avatarImgS3k8Ly:first-child {34 margin-left: 0;35 }36</style>37</head>38<body class="bodyClass7Zx4N9">3940<div class="containerAb7xF3">41 <div class="avatarsWrapper9JuY2">42 <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Customer 1" class="avatarImgS3k8Ly">43 <img src="https://randomuser.me/api/portraits/men/66.jpg" alt="Customer 2" class="avatarImgS3k8Ly">44 <img src="https://randomuser.me/api/portraits/women/67.jpg" alt="Customer 3" class="avatarImgS3k8Ly">45 </div>46 <span>1,000,000+ HAPPY CUSTOMERS</span>47</div>4849</body>50</html>
