Back to Shopify Liquid
Shopify Liquid
Items Sold
Drop this Shopify Liquid snippet into your theme to add the items sold block. Copy the code below, paste it into your theme files, save and you're done.
49 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>Hurry Up!</title>7 <style>8 .custom-notification-1A2B3C {9 display: flex;10 align-items: center;11 font-family: Arial, sans-serif;12 font-size: 16px;13 color: #333;14 margin: 2px 0; /* Yukarı ve aşağı 2 px boşluk ekleme */15 }16 .custom-icon-4D5E6F {17 margin-right: 5px; /* Metne daha yakın yapmak için azaltıldı */18 }19 .custom-icon-4D5E6F img {20 width: 24px; /* İkonun boyutu büyütüldü */21 }22 .custom-text-7G8H9I {23 font-weight: normal;24 }25 .custom-highlight-J1K2L3 {26 color: #000; /* Daha koyu siyah renk */27 font-weight: bold;28 animation: custom-pulse-9X8Y7Z 1.5s infinite;29 }30 @keyframes custom-pulse-9X8Y7Z {31 0%, 100% {32 transform: scale(1);33 }34 50% {35 transform: scale(1.1);36 }37 }38 </style>39</head>40<body>41 <div class="custom-notification-1A2B3C">42 <div class="custom-icon-4D5E6F">43 <img src="https://www.svgrepo.com/show/434246/rocket.svg" alt="Rocket Icon">44 </div>45 <span class="custom-text-7G8H9I">Hurry up! <span class="custom-highlight-J1K2L3">500+ items</span> have been sold</span>46 </div>47</body>48</html>
