Shopify Liquid

Best Seller

Drop this Shopify Liquid snippet into your theme to add the best seller block. Copy the code below, paste it into your theme files, save and you're done.

54 lines · 1.4 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    <style>
7        .cls-xj7hJ9K {
8            display: flex;
9            align-items: center;
10            font-family: Arial, sans-serif;
11            color: green;
12        }
13
14        .icon-xj7hJ9K {
15            margin-right: 8px;
16            color: green;
17            width: 8px; /* Genişlik ayarı */
18            height: 8px; /* Yükseklik ayarı */
19            animation: blink-xj7hJ9K 1s infinite, glow-xj7hJ9K 1.5s infinite;
20        }
21
22        @keyframes blink-xj7hJ9K {
23            0%, 100% {
24                opacity: 1;
25            }
26            50% {
27                opacity: 0.2;
28            }
29        }
30
31        @keyframes glow-xj7hJ9K {
32            0% {
33                text-shadow: 0 0 5px green;
34            }
35            50% {
36                text-shadow: 0 0 20px green;
37            }
38            100% {
39                text-shadow: 0 0 5px green;
40            }
41        }
42    </style>
43</head>
44<body class="body-xj7hJ9K">
45    <div class="cls-xj7hJ9K">
46        <!-- SVGRepo'dan alınan daire ikonu -->
47        <svg class="icon-xj7hJ9K" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
48            <circle cx="8" cy="8" r="8" />
49        </svg>
50        <span>Best Seller: #1 in Popular Products!</span>
51    </div>
52</body>
53</html>

Related snippets

/ shopify liquid

Best Seller

Related snippets

Black Friday

Review Sliders v2

Burkisoy BF+NY

Buy 3 Pay 2