Shopify Liquid

TikTok Views

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

80 lines · 1.6 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>TikTok Badge</title>
7<style>
8  body.unique-body-A1B2C3 {
9    display: flex;
10    justify-content: center;
11    align-items: center;
12    height: 100vh;
13    margin: 0;
14    background-color: #fff;
15  }
16
17  .unique-tiktok-badge-D4E5F6 {
18    display: flex;
19    align-items: center;
20    justify-content: center;
21    background-color: #000;
22    border-radius: 7px;
23    color: #fff;
24    font-size: 14px;
25    font-weight: bold;
26    padding: 5px 20px;
27    text-decoration: none;
28    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
29    border: 3px solid transparent;
30    background-clip: padding-box;
31    position: relative;
32    height: 35px;
33    width: 100%;
34    max-width: 250px;
35    text-align: center;
36  }
37
38  .unique-tiktok-badge-D4E5F6::before {
39    content: '';
40    position: absolute;
41    top: -3px;
42    left: -3px;
43    right: -3px;
44    bottom: -3px;
45    border-radius: 7px;
46    background: linear-gradient(45deg, #fe2c55, #25f4ee, #fe2c55, #25f4ee);
47    background-size: 200% 200%;
48    animation: unique-gradient-animation-G7H8I9 3s linear infinite;
49    z-index: -1;
50  }
51
52  @keyframes unique-gradient-animation-G7H8I9 {
53    0% {
54      background-position: 0% 50%;
55    }
56    50% {
57      background-position: 100% 50%;
58    }
59    100% {
60      background-position: 0% 50%;
61    }
62  }
63
64  .unique-tiktok-text-J1K2L3 {
65    z-index: 1;
66    white-space: nowrap;
67  }
68</style>
69</head>
70<body class="unique-body-A1B2C3">
71
72<div class="unique-tiktok-badge-D4E5F6">
73  <div class="unique-tiktok-text-J1K2L3">
74    Over 4 Million Views On TikTok
75  </div>
76</div>
77
78</body>
79</html>

Related snippets

/ shopify liquid

TikTok Views

Related snippets

TikTok Viral

Top Selling

Trustpilot

Trustpilot Comment