Back to Shopify Liquid
Shopify Liquid
Mothers Day
Drop this Shopify Liquid snippet into your theme to add the mothers day block. Copy the code below, paste it into your theme files, save and you're done.
51 lines · 1.1 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>Mother's Day Badge</title>7<style>8 body.unique-body-Nmn123 {9 display: flex;10 justify-content: center;11 align-items: center;12 height: 100vh;13 margin: 0;14 background-color: #fff;15 }1617 .unique-badge-container-Klm456 {18 display: flex;19 align-items: center;20 background-color: #ffe6e6; /* Açık pembe arka plan */21 border-radius: 12px;22 padding: 8px 12px;23 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);24 font-size: 14px;25 color: #d9534f; /* Koyu kırmızı metin rengi */26 margin: 10px 0; /* Aşağı ve yukarı boşluk ekler */27 transition: transform 0.3s ease-in-out;28 }2930 .unique-badge-container-Klm456:hover {31 transform: translateY(-5px);32 }3334 .unique-badge-icon-Xyz789 {35 width: 20px;36 height: 20px;37 margin-right: 8px;38 font-size: 20px;39 }40</style>41</head>42<body class="unique-body-Nmn123">4344<div class="unique-badge-container-Klm456">45 <span class="unique-badge-icon-Xyz789">👩👧👦</span>46 <span>Mother's Day Sale Ending Soon!</span>47</div>4849</body>50</html>
