Back to Shopify Liquid
Quality guarantee
Shopify Liquid

Quality guarantee

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

199 lines · 7.1 KB
Shopify Liquid
1<div id="shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB" class="shopify-section">
2
3
4<style>
5 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .section_holder {
6 padding-top: 50px;
7 padding-bottom: 50px;
8 }
9 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .section_holder_wrapper {
10 display: flex;
11 max-width: 1360px;
12 margin: auto;
13 padding: 0 80px;
14 min-height: 200px;
15 }
16 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .left_part {
17 min-width: 1px;
18 width: 100%;
19 margin-right: 80px;
20 }
21 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .right_part {
22 min-width: 1px;
23 width: 100%;
24 }
25 [data-subject] {
26 display: none;
27 }
28 [data-subject='Coffee'] {
29 display: block;
30 }
31 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .seciton_title {
32 color: #000001;
33 font-family: 'TAN - MEMORIES';
34 font-size: 44px;
35 font-weight: 400;
36 line-height: 1.2;
37 letter-spacing: -1px;
38 margin-bottom: 22px;
39 }
40 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .sction_subheading {
41 color: #000;
42 font-family: Apercu Pro;
43 font-size: 20px;
44 font-weight: 500;
45 line-height: 1.5;
46 letter-spacing: -0.2px;
47 margin-bottom: 40px;
48 }
49 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .section_items {
50 display: grid;
51 grid-template-columns: 1fr 1fr;
52 grid-gap: 32px 22px;
53 margin-bottom: 56px;
54 }
55 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .item_text {
56 align-self: stretch;
57 color: #000;
58 display: flex;
59 flex-direction: column;
60 font-family: Apercu Pro;
61 font-size: 18px;
62 font-weight: 500;
63 justify-content: flex-start;
64 letter-spacing: -.01em;
65 line-height: 1.5;
66 max-width: 100%;
67 position: relative;
68 }
69 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .item_image {
70 width: 48px;
71 height: 48px;
72 margin-bottom: 12px;
73 }
74 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .right_part img {
75 width: 100%;
76 height: 100%;
77 object-fit: cover;
78 }
79 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .section_btn {
80 align-items: center;
81 background: #f27;
82 border-radius: 10px;
83 border-style: solid;
84 border-width: 0;
85 column-gap: 12px;
86 display: flex;
87 flex-direction: row;
88 flex-wrap: nowrap;
89 justify-content: center;
90 margin: 16px 0 0;
91 padding: 16px 32px;
92 position: relative;
93 row-gap: 12px;
94 transition-duration: 50ms;
95 transition-timing-function: ease-in-out;
96 width: fit-content;
97 color: #fff;
98 display: flex;
99 flex-direction: column;
100 font-family: Apercu Pro;
101 font-size: 20px;
102 font-weight: 700;
103 justify-content: center;
104 letter-spacing: -.01em;
105 line-height: 1.4;
106 position: relative;
107 text-decoration: none;
108 }
109 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .section_btn:hover {
110 background: #000;
111 border-style: solid;
112 border-width: 0;
113 }
114 @media screen and (max-width: 900px) {
115 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .section_holder_wrapper {
116 flex-direction: column-reverse;
117 }
118 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .left_part {
119 margin-right: 0;
120 margin-top: 30px;
121 }
122 }
123 @media screen and (max-width: 768px) {
124 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .section_btn {
125 width: 100%;
126 }
127 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .section_holder_wrapper {
128 padding: 0 48px;
129 }
130 }
131 @media screen and (max-width: 575px) {
132 #shopify-section-template--17389125894327__pdp_quality_guarantee_v3_n63jFB .section_holder_wrapper {
133 padding: 0 24px;
134 }
135 }
136</style>
137
138<div pdp_q_guarantee="" class="section_holder">
139 <div class="section_holder_wrapper">
140 <div class="left_part">
141 <div class="seciton_title">Quality guarantee -</div>
142 <div class="sction_subheading">two of our core brand values are quality &amp; trust, which is why everything we do is built on a foundation of excellence &amp; transparency. Our products are -</div>
143 <div class="section_items">
144 <div class="section_item">
145 <div class="item_image">
146 <img src="//spacegoods.com/cdn/shop/t/346/assets/icon_bud.svg?v=139630195289706213671722621925" alt="icon_bud">
147 </div>
148 <div class="item_text">
149 100% fruiting body of the mushroom
150 </div>
151 </div>
152 <div class="section_item">
153 <div class="item_image">
154 <img src="//spacegoods.com/cdn/shop/t/346/assets/icon_flag.svg?v=154114963166449663751722621934" alt="Flag">
155 </div>
156 <div class="item_text">
157 Proudly made in England
158 </div>
159 </div>
160 <div class="section_item">
161 <div class="item_image">
162 <img src="//spacegoods.com/cdn/shop/t/346/assets/icon_pointed.svg?v=139022816020327971601722621943" alt="pointed">
163 </div>
164 <div class="item_text">
165 Dual extracted
166 </div>
167 </div>
168 <div class="section_item">
169 <div class="item_image">
170 <img src="//spacegoods.com/cdn/shop/t/346/assets/icon_plasc.svg?v=77407900391982634181722621923" alt="plasc">
171 </div>
172 <div class="item_text">
173 Third party tested
174 </div>
175 </div>
176
177 </div>
178 <a href="https://spacegoods.com/pages/science" class="section_btn">Read more here -</a>
179 </div>
180 <div class="right_part">
181
182 <img src="//spacegoods.com/cdn/shop/files/choc_cup_2000x.webp?v=1720521348" alt="Image" data-flavor="Coffee">
183
184 <img src="//spacegoods.com/cdn/shop/files/choc_cup_2000x.webp?v=1720521348" alt="Image" data-flavor="Chocolate" style="display: none;">
185
186 <img src="//spacegoods.com/cdn/shop/files/rainbow-dust-vanilla-cinnamon-travel-pack-Spacegoods-59366555_2000x.webp?v=1729941007" alt="Image" data-flavor="Vanilla Cinnamon" style="display: none;">
187
188 <img src="//spacegoods.com/cdn/shop/files/Screenshot_2024-07-22_at_21.10.06_2000x.png?v=1721813805" alt="Image" data-flavor="Strawberry" style="display: none;">
189
190 <img src="//spacegoods.com/cdn/shop/files/choc_cup_2000x.webp?v=1720521348" alt="Image" data-flavor="Raw Chocolate (Decaf)" style="display: none;">
191
192 </div>
193 </div>
194</div>
195<script>
196
197</script>
198
199</div>

Related snippets