Shopify Liquid

14 days moneyback

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

99 lines · 2.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  <title>Money Back Guarantee</title>
7  <style>
8    body.unique-body-class-xyz123 {
9      margin: 0;
10      padding: 0;
11      font-family: Arial, sans-serif;
12      background-color: #ffffff;
13      display: flex;
14      justify-content: center;
15      align-items: center;
16      min-height: 100vh;
17    }
18
19    .guarantee-container-xyz123 {
20      display: flex;
21      align-items: center;
22      background-color: #f8f1de;
23      border-radius: 12px;
24      padding: 15px;
25      font-family: Arial, sans-serif;
26      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
27      width: 100%;
28      max-width: 100%;
29      margin: 0;
30      box-sizing: border-box;
31      border: 2px dashed #6c4e22;
32    }
33
34    .badge-xyz123 {
35      margin-right: 15px;
36    }
37
38    .badge-xyz123 img {
39      display: block;
40      width: 100px;
41      height: auto;
42    }
43
44    .guarantee-text-xyz123 h3 {
45      margin: 0;
46      font-size: 13px;
47      color: #6c4e22;
48      font-weight: bold;
49    }
50
51    .guarantee-text-xyz123 p {
52      margin: 5px 0 0;
53      font-size: 11px;
54      color: #4f4f4f;
55    }
56
57    @media (max-width: 480px) {
58      .guarantee-container-xyz123 {
59        padding: 10px;
60        max-width: 100%;
61        flex-direction: row;
62      }
63
64      .badge-xyz123 {
65        margin-right: 10px;
66        margin-bottom: 0;
67      }
68
69      .badge-xyz123 img {
70        width: 80px;
71      }
72
73      .guarantee-text-xyz123 h3 {
74        font-size: 12px;
75        text-align: left;
76      }
77
78      .guarantee-text-xyz123 p {
79        font-size: 10px;
80        text-align: left;
81      }
82    }
83  </style>
84</head>
85<body class="unique-body-class-xyz123">
86  <div class="guarantee-container-xyz123">
87    <div class="badge-xyz123">
88      <a href="https://hizliresim.com/a0c8xe3">
89        <img src="https://i.hizliresim.com/a0c8xe3.png" alt="Guarantee Badge">
90      </a>
91    </div>
92    <div class="guarantee-text-xyz123">
93      <h3>100% 14-Day Money Back Guarantee</h3>
94      <p>We're so confident in our products that if you're not satisfied, you have the right to get a full 14-day refund.</p>
95    </div>
96  </div>
97</body>
98</html>

Related snippets

/ shopify liquid

14 days moneyback

Related snippets

15 people have

Features Benefits section

Gradient Text

Info Tabs