Back to Shopify Liquid
Shopify Liquid
Top Selling
Drop this Shopify Liquid snippet into your theme to add the top selling block. Copy the code below, paste it into your theme files, save and you're done.
39 lines · 1.2 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 .unique-top-badge-LmN123 {8 display: inline-flex;9 align-items: center;10 background-color: #f3e5ff; /* Very light purple color */11 padding: 5px 10px;12 border-radius: 8px;13 font-family: Arial, sans-serif;14 font-size: 14px;15 color: #333;16 }1718 .unique-top-badge-LmN123 svg {19 margin-right: 8px;20 width: 20px; /* Set icon size */21 height: 20px; /* Set icon size */22 }2324 .unique-top-badge-LmN123 span {25 font-weight: bold;26 }27 </style>28 <title>Top Selling Product</title>29</head>30<body class="unique-body-RsT456">31 <div class="unique-top-badge-LmN123">32 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">33 <path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.89 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z"/>34 </svg>35 <span>Top selling product in Kitchen Gadgets category</span>36 </div>37</body>38</html>
