Shopify Liquid
3 line of info v1

Drop this Shopify Liquid snippet into your theme to add the 3 line of info v1 block. Copy the code below, paste it into your theme files, save and you're done.
127 lines · 6.0 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    <link rel="stylesheet" href="styles.css" />
7    <title>Shipping & Returns</title>
8    <style>
9              .info-container-v5 {
10                  display: flex;
11                  flex-direction: column;
12                  align-items: flex-start;
13                  gap: 5px;
14      font-size:13px;
15      font-weight: 500;
16      color: #474747;
17
18              }
19
20              .info-item-v5 {
21                  display: flex;
22                  align-items: center;
23                  gap: 10px;
24              }
25
26              .info-item span {
27                  font-size: 14px;
28                  color: #474747;
29              }
30    </style>
31  </head>
32  <body>
33    <div class="info-container-v5">
34      <div class="info-item-v5">
35        <svg
36          xmlns:dc="http://purl.org/dc/elements/1.1/"
37          xmlns="http://www.w3.org/2000/svg"
38          xmlns:xlink="http://www.w3.org/1999/xlink"
39          width="16"
40          fill="#474747"
41          version="1.1"
42          id="Layer_1"
43          x="0px"
44          y="0px"
45          viewBox="0 0 24 24"
46          style="enable-background:new 0 0 24 24;"
47          xml:space="preserve"
48        >
49          <metadata>
50            <dc:creator>Davooda</dc:creator>
51            <dc:relation>https://davooda.com</dc:relation>
52          </metadata>
53
54          <style type="text/css">
55            .st0{fill:none;stroke:#474747;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
56            .st1{fill:none;stroke:#474747;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
57            .st2{fill:none;stroke:#474747;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
58            .st3{fill:#474747;}
59            .st4{fill:#FFFFFF;stroke:#474747;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
60            .st5{fill:none;stroke:#474747;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
61            .st6{fill:none;stroke:#474747;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
62            .st7{fill:#474747;}
63            .st8{fill:none;stroke:#474747;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
64          </style>
65          <g>
66            <path
67              class="st0"
68              d="M6,5h9v2l3.7,0.8c0.9,0.2,1.7,0.8,2.1,1.7l1.8,4c0.2,0.4,0.3,0.8,0.3,1.3v1.7V18h-3"
69            />
70            <line class="st0" x1="5" y1="13" x2="2" y2="13" />
71          </g>
72          <line class="st0" x1="15" y1="18" x2="9" y2="18" />
73          <circle class="st0" cx="6.5" cy="18.5" r="2.5" />
74          <circle class="st0" cx="17.5" cy="18.5" r="2.5" />
75          <polyline class="st0" points="15,7 15,12 15,14 " />
76          <line class="st0" x1="1" y1="9" x2="7" y2="9" />
77          <line class="st0" x1="4" y1="19" x2="3" y2="19" />
78        </svg>
79        <span>Free Shipping Over &pound;35</span>
80      </div>
81      <div class="info-item-v5">
82        <svg
83          xmlns="http://www.w3.org/2000/svg"
84          xmlns:xlink="http://www.w3.org/1999/xlink"
85          width="16"
86          version="1.1"
87          id="Capa_1"
88          viewBox="0 0 244.948 244.948"
89          xml:space="preserve"
90        >
91          <g>
92            <g>
93              <path
94                style="fill:#474747;"
95                d="M122.474,0C54.948,0,0.008,54.951,0.008,122.477s54.94,122.471,122.466,122.471    S244.94,189.997,244.94,122.471S190,0,122.474,0z M122.474,222.213c-55.005,0-99.752-44.742-99.752-99.742    c0-55.011,44.747-99.752,99.752-99.752s99.752,44.742,99.752,99.752C222.221,177.477,177.479,222.213,122.474,222.213z"
96              />
97              <g>
98                <path
99                  style="fill:#474747;"
100                  d="M113.739,180.659c-6.092-0.228-11.438-0.881-16.023-1.958c-4.596-1.093-8.175-2.35-10.742-3.758     l6.255-18.324c1.92,1.175,4.618,2.295,8.088,3.361c3.47,1.061,7.615,1.822,12.423,2.252v-32.547     c-3.312-1.485-6.598-3.144-9.856-4.966c-3.258-1.817-6.168-3.998-8.735-6.57c-2.567-2.562-4.629-5.624-6.173-9.208     c-1.545-3.584-2.322-7.821-2.322-12.744c0-9.192,2.431-16.323,7.294-21.403c4.857-5.069,11.46-8.354,19.793-9.85V50.344h16.671     v13.951c4.699,0.31,8.817,0.946,12.341,1.909c3.525,0.946,6.783,2.067,9.774,3.329l-5.771,17.672     c-1.817-0.848-4.112-1.702-6.891-2.562c-2.779-0.848-5.929-1.485-9.459-1.92v30.122c3.312,1.501,6.652,3.182,10.019,5.047     c3.361,1.882,6.353,4.096,8.974,6.652c2.616,2.578,4.754,5.586,6.413,9.067c1.653,3.481,2.486,7.604,2.486,12.417     c0,9.839-2.486,17.497-7.457,23.002c-4.966,5.504-11.776,9.045-20.429,10.644v14.914h-16.671L113.739,180.659L113.739,180.659z      M107.484,94.341c0,3.225,1.251,5.918,3.764,8.055c2.513,2.148,5.64,4.15,9.382,5.978v-26.14c-5.026,0.228-8.48,1.458-10.34,3.72     C108.42,88.205,107.484,91.006,107.484,94.341z M137.459,148.274c0-3.389-1.36-6.162-4.085-8.316     c-2.725-2.159-6.01-4.145-9.861-5.945v28.218c4.705-0.538,8.202-2.012,10.503-4.438     C136.311,155.361,137.459,152.19,137.459,148.274z"
101                />
102              </g>
103            </g>
104          </g>
105        </svg>
106        <span>30 Day Free Returns</span>
107      </div>
108      <div class="info-item-v5">
109        <svg
110          xmlns="http://www.w3.org/2000/svg"
111          fill="474747"
112          width="17"
113          viewBox="0 0 24 24"
114        >
115          <path
116            fill-rule="evenodd"
117            d="M3.5 8a5.5 5.5 0 118.596 4.547 9.005 9.005 0 015.9 8.18.75.75 0 01-1.5.045 7.5 7.5 0 00-14.993 0 .75.75 0 01-1.499-.044 9.005 9.005 0 015.9-8.181A5.494 5.494 0 013.5 8zM9 4a4 4 0 100 8 4 4 0 000-8z"
118          />
119          <path
120            d="M17.29 8c-.148 0-.292.01-.434.03a.75.75 0 11-.212-1.484 4.53 4.53 0 013.38 8.097 6.69 6.69 0 013.956 6.107.75.75 0 01-1.5 0 5.193 5.193 0 00-3.696-4.972l-.534-.16v-1.676l.41-.209A3.03 3.03 0 0017.29 8z"
121          />
122        </svg>
123        <span>4+ Million Customers Worldwide</span>
124      </div>
125    </div>
126  </body>
127</html>
Related snippets

/ shopify liquid
3 line of info v1

Related snippets

Limited stock

Banner showing customers and reviews

Trustpilot Reviews

Reviews v3
