Back to Shopify Liquid
Shopify Liquid
Hot Product Low Stock
Drop this Shopify Liquid snippet into your theme to add the hot product low stock block. Copy the code below, paste it into your theme files, save and you're done.
31 lines · 0.8 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>Product Status Box</title>7 <style>89 .product-status-box {10 border: 2px solid #1b3a57;11 padding: 3px 15px;12 font-size: 12px;13 font-weight: bold;14 color: #1b3a57;15 display: inline-block;16 text-align: center;17 text-transform: uppercase;18 }19 .center-wrapper {20 display: flex;21 justify-content: center;22 align-items: center;23 }24 </style>25</head>26<body>27 <div class="center-wrapper">28 <div class="product-status-box">HOT PRODUCT | LOW STOCK</div>29 </div>30</body>31</html>
