Back to Shopify Liquid
Shopify Liquid
Limited stock 2
Drop this Shopify Liquid snippet into your theme to add the limited stock 2 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>Unique Notification</title>7<style>8 @keyframes unique-glow-Ytr849 {9 0% { box-shadow: 0 0 5px 0 rgba(255, 0, 0, 0.7); }10 50% { box-shadow: 0 0 15px 5px rgba(255, 0, 0, 0.5); }11 100% { box-shadow: 0 0 5px 0 rgba(255, 0, 0, 0.7); }12 }1314 .unique-circle-Hjk632 {15 width: 10px;16 height: 10px;17 border-radius: 50%;18 background-color: #8b0000; /* Daha koyu kırmızı renk */19 display: inline-block;20 animation: unique-glow-Ytr849 1s infinite ease-in-out; /* 1s süreyle hızlandırılmış ışık saçma animasyonu */21 }2223 .unique-container-Plm987 {24 background-color: #ffe6e6;25 border: 1px solid #E2E2E2;26 border-radius: 10px;27 padding: 10px;28 margin-top: 5px;29 margin-bottom: 5px;30 position: relative;31 overflow: hidden;32 }3334 .unique-text-Bvc123 {35 margin-left: 10px;36 font-size: 13px;37 }38</style>39</head>40<body>4142<div class="unique-container-Plm987">43 <div class="unique-circle-Hjk632"></div>44 <span class="unique-text-Bvc123">Hurry up! Only a few items left!</span>45</div>4647</body>48</html>
