Back to Shopify Liquid
Shopify Liquid
Fast shipping & 7.24 support
Drop this Shopify Liquid snippet into your theme to add the fast shipping & 7.24 support block. Copy the code below, paste it into your theme files, save and you're done.
47 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>Product Badges</title>7 <style>8 .unique-badge-container-xyz123 {9 display: flex;10 gap: 5px;11 }1213 .unique-badge-abc456 {14 display: flex;15 align-items: center;16 padding: 3px 7px;17 border-radius: 12px;18 font-size: 10px;19 font-weight: bold;20 color: #000; /* Siyah metin rengi */21 background-color: rgba(0, 0, 0, 0.05); /* Çok açık siyah ton arka plan %5 transparan */22 }2324 .unique-badge-abc456 img {25 margin-right: 3px;26 filter: brightness(0.5); /* Daha yumuşak siyah ikon rengi */27 }28 </style>29</head>30<body class="unique-body-789def">31 <div class="unique-badge-container-xyz123">32 <div class="unique-badge-abc456">33 <img src="https://www.svgrepo.com/show/474295/plane.svg" alt="Fast Shipping" width="12" height="12">34 Fast Shipping35 </div>36 <div class="unique-badge-abc456">37 <img src="https://www.svgrepo.com/show/486865/support.svg" alt="24/7 Support" width="12" height="12">38 24/7 Support39 </div>40 <div class="unique-badge-abc456">41 <img src="https://www.svgrepo.com/show/457232/return.svg" alt="30 Days Return" width="12" height="12">42 30 Days Return43 </div>44 </div>45</body>46</html>
