Back to Shopify Liquid
Shopify Liquid
Verified purchases
Drop this Shopify Liquid snippet into your theme to add the verified purchases block. Copy the code below, paste it into your theme files, save and you're done.
49 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>Verified Purchase Badge</title>7 <style>8 .unique-verified-purchase-XYZ123 {9 display: flex;10 align-items: center;11 background-color: #e9f8e9;12 padding: 5px 10px;13 border-radius: 5px;14 color: #2a8703;15 font-family: Arial, sans-serif;16 margin: 2px 0; /* Üst ve alt kısma 2px boşluk bırakır */17 }1819 .unique-verified-purchase-XYZ123 .unique-icon-XYZ123 {20 width: 20px;21 height: 20px;22 margin-right: 10px;23 background-color: #2a8703;24 border-radius: 50%;25 display: flex;26 align-items: center;27 justify-content: center;28 }2930 .unique-verified-purchase-XYZ123 .unique-icon-XYZ123 svg {31 fill: white;32 width: 12px;33 height: 12px;34 }35 </style>36</head>37<body>38 <div class="unique-verified-purchase-XYZ123">39 <div class="unique-icon-XYZ123">40 <!-- SVG Ikon -->41 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">42 <path d="M9 19.5l-7.5-7.5 1.5-1.5L9 16.5l12-12 1.5 1.5z"/>43 </svg>44 </div>45 <span>All reviews are from verified purchases</span>46 </div>47</body>48</html>
