Back to Shopify Liquid
Shopify Liquid
Customer Review Star 3
Drop this Shopify Liquid snippet into your theme to add the customer review star 3 block. Copy the code below, paste it into your theme files, save and you're done.
61 lines · 1.7 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>Rating Widget</title>7 <style>8 body.unique-body-123 {9 font-family: Arial, sans-serif;10 }1112 .rating-widget-123 {13 display: flex;14 align-items: center;15 }1617 .profile-images-123 {18 display: flex;19 align-items: center;20 margin-right: 20px; /* Resimlerden uzaklaştırmak için artırıldı */21 }2223 .profile-images-123 img {24 width: 30px;25 height: 30px;26 border-radius: 50%;27 margin-right: -10px;28 border: 2px solid white;29 }3031 .rating-123 {32 display: flex;33 align-items: center;34 }3536 .rating-text-123 {37 font-size: 14px; /* Font boyutu küçültüldü */38 }3940 .highlight-123 {41 color: #FF6347; /* Tomato color for highlights */42 font-weight: bold;43 }44 </style>45</head>46<body class="unique-body-123">4748 <div class="rating-widget-123">49 <div class="profile-images-123">50 <img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Profile 1">51 <img src="https://randomuser.me/api/portraits/women/1.jpg" alt="Profile 2">52 <img src="https://randomuser.me/api/portraits/men/2.jpg" alt="Profile 3">53 </div>54 <div class="rating-123">55 <span class="rating-text-123">Rated <span class="highlight-123">4.5/5</span> based on <span class="highlight-123">+50 Reviews</span></span>56 </div>57 </div>5859</body>60</html>
