Back to Shopify Liquid
Shopify Liquid
Loved Product
Drop this Shopify Liquid snippet into your theme to add the loved product block. Copy the code below, paste it into your theme files, save and you're done.
49 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 <title>Favorites Alert</title>7 <style>8 .notification-XY123 {9 display: flex;10 align-items: center;11 font-family: Arial, sans-serif;12 font-size: 16px;13 color: #333;14 margin: 2px 0; /* Yukarı ve aşağı 2 px boşluk ekleme */15 }16 .icon-ZA456 {17 margin-right: 5px; /* Metne daha yakın yapmak için azaltıldı */18 }19 .icon-ZA456 img {20 width: 24px; /* İkonun boyutu büyütüldü */21 }22 .text-BC789 {23 font-weight: normal;24 }25 .highlight-DE012 {26 color: #000; /* Daha koyu siyah renk */27 font-weight: bold;28 animation: pulse-FG345 1.5s infinite;29 }30 @keyframes pulse-FG345 {31 0%, 100% {32 transform: scale(1);33 }34 50% {35 transform: scale(1.1);36 }37 }38 </style>39</head>40<body>41 <div class="notification-XY123">42 <div class="icon-ZA456">43 <img src="https://www.svgrepo.com/show/477386/love-2.svg" alt="Heart Icon">44 </div>45 <span class="text-BC789">Loved product! <span class="highlight-DE012">1.1M people</span> favorited it!</span>46 </div>47</body>48</html>
