Back to Shopify Liquid
Shopify Liquid
TikTok Viral
Drop this Shopify Liquid snippet into your theme to add the tiktok viral block. Copy the code below, paste it into your theme files, save and you're done.
50 lines · 1.1 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-Xyz123 {9 display: flex;10 justify-content: center;11 align-items: center;12 height: 100vh;13 margin: 0;14 background-color: #f0f0f0;15 }1617 .unique-badge-Def456 {18 display: flex;19 align-items: center;20 background-color: #f8f8f8;21 border-radius: 25px;22 color: #000;23 font-size: 14px;24 font-weight: bold;25 padding: 10px 20px;26 text-decoration: none;27 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);28 border: 1px solid #e0e0e0;29 position: relative;30 height: 35px;31 margin: 2px 0; /* Üst ve alt 2px margin ekler */32 }3334 .unique-icon-Ghi789 {35 width: 20px;36 height: 20px;37 margin-right: 10px;38 }39</style>40</head>41<body class="unique-body-Xyz123">4243<div class="unique-badge-Def456">44 <img src="https://www.svgrepo.com/show/473806/tiktok.svg" alt="TikTok Icon" class="unique-icon-Ghi789">45 <span>Over 4M Views on TikTok</span>46</div>4748</body>49</html>
