Back to Shopify Liquid
Shopify Liquid
Customer Review Star 2
Drop this Shopify Liquid snippet into your theme to add the customer review star 2 block. Copy the code below, paste it into your theme files, save and you're done.
53 lines · 1.5 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>Reviews</title>7 <style>8 body.unique-body-ReviewXyz {9 font-family: Arial, sans-serif;10 }11 .unique-review-container-Abc {12 display: flex;13 align-items: center;14 gap: 8px;15 font-size: 12px;16 }17 .unique-review-count-Def, .unique-review-rating-Ghi, .unique-verified-purchase-Jkl {18 display: flex;19 align-items: center;20 }21 .unique-review-count-Def {22 color: #333;23 }24 .unique-review-rating-Ghi {25 font-weight: bold;26 color: #333;27 }28 .unique-verified-purchase-Jkl {29 display: flex;30 align-items: center;31 background-color: #f0fff0;32 padding: 2px 4px;33 border-radius: 3px;34 color: #333;35 }36 .unique-verified-purchase-Jkl::before {37 content: "✓"; /* Checkmark character */38 color: #00a000;39 margin-right: 3px;40 }41 </style>42</head>43<body class="unique-body-ReviewXyz">44 <div class="unique-review-container-Abc">45 <div class="unique-review-count-Def">1,661 reviews</div>46 <div class="unique-review-rating-Ghi">| 4.7</div>47 <div class="unique-verified-purchase-Jkl">48 <span>All reviews are from verified purchases</span>49 </div>50 </div>51</body>52</html>
