Back to Shopify Liquid
Shopify Liquid
Free Shipping 2
Drop this Shopify Liquid snippet into your theme to add the free shipping 2 block. Copy the code below, paste it into your theme files, save and you're done.
46 lines · 1.0 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>Badge Example</title>7<style>8 body.unique-body-ZxY123 {9 display: flex;10 flex-direction: column;11 justify-content: center;12 align-items: center;13 height: 100vh;14 margin: 0;15 background-color: #fff;16 }1718 .unique-badge-container-QwE456 {19 display: flex;20 align-items: center;21 background-color: #ccffd8; /* Açık yeşil arka plan */22 border-radius: 12px;23 padding: 8px 12px;24 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);25 font-size: 14px;26 color: #2e7d32; /* Yeşil metin rengi */27 margin: 10px 0; /* Aşağı ve yukarı boşluk ekler */28 }2930 .unique-badge-icon-RtY789 {31 width: 20px;32 height: 20px;33 margin-right: 8px;34 }35</style>36</head>37<body class="unique-body-ZxY123">3839<div class="unique-badge-container-QwE456">40 <span class="unique-badge-icon-RtY789">📦</span>41 <span>You've unlocked Free Shipping</span>42</div>4344</body>45</html>
