Shopify Liquid

Hurry up

Drop this Shopify Liquid snippet into your theme to add the hurry up 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>In Cart Alert</title>
7    <style>
8        .alert-container-KL234 {
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        .icon-wrapper-MN567 {
17            margin-right: 5px; /* Metne daha yakın yapmak için azaltıldı */
18        }
19        .icon-wrapper-MN567 img {
20            width: 24px; /* İkonun boyutu büyütüldü */
21        }
22        .alert-text-OP890 {
23            font-weight: normal;
24        }
25        .highlight-text-QR123 {
26            color: #000; /* Daha koyu siyah renk */
27            font-weight: bold;
28            animation: pulse-ST456 1.5s infinite;
29        }
30        @keyframes pulse-ST456 {
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="alert-container-KL234">
42        <div class="icon-wrapper-MN567">
43            <img src="https://www.svgrepo.com/show/521847/shopping-cart.svg" alt="Shopping Cart Icon">
44        </div>
45        <span class="alert-text-OP890"><span class="highlight-text-QR123">11.9B people</span> have it in their cart. Hurry up!</span>
46    </div>
47</body>
48</html>

Related snippets

/ shopify liquid

Hurry up

Related snippets

Hurry up & items sold

Hurry up & items sold 2

In Stock

Instagram Viral