Back to Shopify Liquid
As seen in
Shopify Liquid

As seen in

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

686 lines · 20.3 KB
Shopify Liquid
1<div as-seen-on='' id='sc-template--17138240979127__as_seen_on_c6jVpW'>
2 <div class='section_wrapper'>
3 <div class='section_title'>
4 <div class='left-divider divider'>
5 </div>
6 As Seen In
7 <div class='right-divider divider'>
8 </div>
9 </div>
10 <div class='logos-wrapper'>
11 <img alt='' class='logo-block' src='//spacegoods.com/cdn/shop/files/marie_1000x.svg?v=1726480688' />
12 <img alt='' class='logo-block' src='//spacegoods.com/cdn/shop/files/equiz_1000x.svg?v=1726480688' />
13 <img alt='' class='logo-block' src='//spacegoods.com/cdn/shop/files/gq_1000x.svg?v=1726480688' />
14 <img alt='' class='logo-block' src='//spacegoods.com/cdn/shop/files/sunday_1000x.svg?v=1726480690' />
15 <img alt='' class='logo-block' src='//spacegoods.com/cdn/shop/files/men_s_health_1000x.svg?v=1726480689' />
16 </div>
17 </div>
18</div>
19
20<style>
21 #sc-template--17138240979127__as_seen_on_c6jVpW .section_wrapper {
22 max-width: 1200px;
23 margin: auto;
24 }
25
26 #sc-template--17138240979127__as_seen_on_c6jVpW {
27 padding: 18px 64px;
28 background-position: center;
29 background-repeat: no-repeat;
30 background-size: cover;
31 background-image: url(//spacegoods.com/cdn/shop/files/bg_2000x.svg?v=1726480808);
32 }
33
34 #sc-template--17138240979127__as_seen_on_c6jVpW .section_title {
35 display: grid;
36 grid-template-columns: 1fr auto 1fr;
37 grid-gap: 32px;
38 margin-bottom: 10px;
39 color: #fff;
40 font-family: 'TAN - MEMORIES';
41 font-size: 20px;
42 font-weight: 400;
43 letter-spacing: -.01em;
44 line-height: 1.4;
45 max-width: 100%;
46 }
47
48 #sc-template--17138240979127__as_seen_on_c6jVpW .logos-wrapper {
49 align-content: center;
50 align-items: center;
51 align-self: stretch;
52 column-gap: 24px;
53 display: flex;
54 max-width: 1200px;
55 flex-direction: row;
56 flex-wrap: wrap;
57 height: auto;
58 justify-content: space-between;
59 margin: 0 70px;
60 position: relative;
61 row-gap: 24px;
62 }
63
64 #sc-template--17138240979127__as_seen_on_c6jVpW .logos-wrapper img {
65 max-height: 40px;
66 }
67
68 #sc-template--17138240979127__as_seen_on_c6jVpW .section_title .divider {
69 position: relative;
70 }
71
72 #sc-template--17138240979127__as_seen_on_c6jVpW .section_title .divider:after {
73 content: '';
74 background: #fff;
75 height: 1px;
76 width: 100%;
77 position: absolute;
78 top: 50%;
79 transform: translateY(-50%);
80 }
81
82 @media screen and (max-width: 900px) {
83 #sc-template--17138240979127__as_seen_on_c6jVpW {
84 padding: 16px 24px;
85 }
86 #sc-template--17138240979127__as_seen_on_c6jVpW .logos-wrapper img:nth-child(3) {
87 display: none;
88 }
89 #sc-template--17138240979127__as_seen_on_c6jVpW .logos-wrapper img {
90 max-height: 35px;
91 max-width: 140px;
92 margin: auto;
93 }
94 #sc-template--17138240979127__as_seen_on_c6jVpW .logos-wrapper {
95 margin: 0;
96 display: grid;
97 grid-template-columns: auto auto;
98 justify-content: center;
99 align-items: center;
100 margin: 0;
101 grid-gap: 16px 64px;
102 }
103 #sc-template--17138240979127__as_seen_on_c6jVpW .section_title {
104 font-size: 18px;
105 }
106 }
107</style>
108<style>
109 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .section_holder {
110 padding-top: 97px;
111 padding-bottom: 97px;
112 }
113
114 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .section_items .swiper-slide {
115 width: 380px;
116 height: unset;
117 }
118
119 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .red_star {
120 width: 18px;
121 height: 18px;
122 }
123
124 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .red_star svg.instant-icon {
125 width: 100%;
126 height: 100%;
127 object-fit: contain;
128 fill: #ff2277;
129 }
130
131 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .redstars {
132 display: flex;
133 width: 106px;
134 justify-content: space-between;
135 margin-bottom: 10px;
136 }
137
138 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .section_holder_wrapper {
139 max-width: 1380px;
140 padding: 0 50px;
141 margin: auto;
142 position: relative;
143 }
144
145 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .section_items {
146 overflow: hidden;
147 margin: 0 min(0px, calc(50% - 50vw));
148 padding: 0 calc(50vw - 50%);
149 }
150
151 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .section_title {
152 color: #101828;
153 font-family: 'TAN - MEMORIES';
154 font-size: 36px;
155 font-weight: 400;
156 margin-bottom: 10px;
157 text-align: left;
158 }
159
160 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .read_more_btn {
161 display: block;
162 text-decoration: none;
163 font-weight: 700;
164 position: relative;
165 color: #222;
166 font-family: Apercu Pro;
167 font-size: 18px;
168 height: auto;
169 line-height: 1.4;
170 margin-bottom: 10px;
171 }
172
173 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .trustpilot_wrapper {
174 color: #222;
175 font-family: Apercu Pro;
176 font-size: 18px;
177 height: auto;
178 line-height: 1.4;
179 margin-bottom: 10px;
180 }
181
182 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .item_text {
183 color: #101828;
184 font-family: Apercu Pro;
185 font-size: 14px;
186 font-weight: 500;
187 letter-spacing: -.02em;
188 line-height: 1.3;
189 margin: 0;
190 max-width: 100%;
191 margin-bottom: 12px;
192 }
193
194 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .review_image {
195 position: relative;
196 height: 180px;
197 width: 180px;
198 margin-right: 10px;
199 }
200
201 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .review_image img {
202 width: 100%;
203 height: 100%;
204 object-fit: cover;
205 display: block;
206 position: absolute;
207 top: 0;
208 }
209
210 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .section_item {
211 background: #fff;
212 border: 1px solid rgba(0, 0, 1, .1);
213 border-radius: 16px;
214 padding: 15px 10px;
215 height: 100%;
216 display: flex;
217 flex-direction: column;
218 justify-content: space-between;
219 }
220
221 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .image_name {
222 display: flex;
223 align-items: center;
224 }
225
226 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .review_name {
227 color: #101828;
228 display: flex;
229 flex-direction: column;
230 font-family: Apercu Pro;
231 font-size: 16px;
232 font-weight: 500;
233 justify-content: flex-start;
234 max-width: 100%;
235 position: relative;
236 }
237
238 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .swiper_prev svg.instant-icon {
239 transform: rotate(0.5turn);
240 }
241
242 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .swiper_btn svg {
243 width: 20px;
244 height: 20px;
245 }
246
247 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .swiper_btn {
248 align-items: center;
249 background: #fff;
250 border: 1px solid rgba(0, 0, 1, .1);
251 border-radius: 20px;
252 display: flex;
253 flex-direction: row;
254 height: 40px;
255 justify-content: center;
256 position: relative;
257 width: 40px;
258 cursor: pointer;
259 }
260
261 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .swiper_tool {
262 display: flex;
263 width: 96px;
264 justify-content: space-between;
265 position: absolute;
266 top: 0;
267 right: 50px;
268 }
269
270 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .swiper_btn.swiper-button-disabled {
271 pointer-events: none;
272 border: 1px solid #f6f6f6;
273 }
274
275 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .swiper_btn.swiper-button-disabled svg.instant-icon {
276 fill: #abacad;
277 }
278
279 @media screen and (max-width: 900px) {
280 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .section_holder {
281 padding-top: 48px;
282 padding-bottom: 48px;
283 }
284 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .section_items .swiper-slide {
285 width: 300px;
286 }
287 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .section_holder_wrapper {
288 padding: 0 24px;
289 }
290 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .section_title {
291 font-size: 20px;
292 margin-bottom: 5px;
293 }
294 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .trustpilot_wrapper {
295 font-size: 15px;
296 margin-bottom: 5px;
297 }
298 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .read_more_btn {
299 font-size: 15px;
300 }
301 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .item_text {
302 font-size: 13px;
303 }
304 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .review_image {
305 height: 120px;
306 width: 120px;
307 }
308 #shopify-section-template--17138240979127__hp_review_tw_wGwayL .swiper_tool {
309 position: static;
310 margin: auto;
311 margin-top: 25px;
312 }
313 }
314</style>
315<style>
316 #shopify-section-template--17138240979127__homepage-how-to-use .section_holder {
317 padding-top: 50px;
318 padding-bottom: 50px;
319 }
320
321 #shopify-section-template--17138240979127__homepage-how-to-use .section_holder_wrapper {
322 padding: 0 80px;
323 max-width: 1360px;
324 margin: auto;
325 }
326
327 #shopify-section-template--17138240979127__homepage-how-to-use .section_title {
328 align-self: stretch;
329 color: #000001;
330 font-family: 'TAN - MEMORIES';
331 font-size: 44px;
332 font-weight: 400;
333 letter-spacing: -.02em;
334 line-height: 1;
335 max-width: 100%;
336 margin-left: 16px;
337 margin-bottom: 48px;
338 text-align: left;
339 }
340
341 #shopify-section-template--17138240979127__homepage-how-to-use .section_items {
342 display: grid;
343 grid-template-columns: 1fr 1fr 1fr 1fr;
344 grid-gap: 32px;
345 }
346
347 #shopify-section-template--17138240979127__homepage-how-to-use .setion_item {
348 min-width: 1px;
349 width: 100%;
350 }
351
352 #shopify-section-template--17138240979127__homepage-how-to-use .item_image {
353 padding-top: 500px;
354 position: relative;
355 margin-bottom: 24px;
356 }
357
358 #shopify-section-template--17138240979127__homepage-how-to-use .item_title {
359 font-family: 'TAN - MEMORIES';
360 font-size: 23px;
361 font-weight: 400;
362 line-height: 28px;
363 margin-bottom: 10px;
364 }
365
366 #shopify-section-template--17138240979127__homepage-how-to-use .item_text {
367 align-self: stretch;
368 color: #000;
369 display: flex;
370 flex-direction: column;
371 font-family: Apercu;
372 font-size: 22px;
373 font-weight: 400;
374 justify-content: flex-start;
375 letter-spacing: -.01em;
376 line-height: 1.5;
377 max-width: 100%;
378 position: relative;
379 }
380
381 #shopify-section-template--17138240979127__homepage-how-to-use .item_image img {
382 position: absolute;
383 top: 0;
384 width: 100%;
385 height: 100%;
386 object-fit: cover;
387 }
388
389 @media screen and (max-width: 1024px) {
390 #shopify-section-template--17138240979127__homepage-how-to-use .section_items {
391 grid-template-columns: 1fr 1fr;
392 grid-gap: 20px;
393 }
394 #shopify-section-template--17138240979127__homepage-how-to-use .section_holder_wrapper {
395 padding: 0 24px;
396 }
397 #shopify-section-template--17138240979127__homepage-how-to-use .section_title {
398 margin-left: 0;
399 margin-bottom: 30px;
400 }
401 #shopify-section-template--17138240979127__homepage-how-to-use .item_image {
402 padding-top: 112%;
403 max-height: 400px;
404 }
405 #shopify-section-template--17138240979127__homepage-how-to-use .item_title {
406 font-size: 26px;
407 line-height: 31px;
408 letter-spacing: 0.005em;
409 }
410 #shopify-section-template--17138240979127__homepage-how-to-use .item_text {
411 font-size: 18px;
412 }
413 }
414</style>
415<style>
416 #sc-template--17138240979127__homepage_banner_9UjpQc .bar_message {
417 height: 42px;
418 color: #fff;
419 background-position: center;
420 background-size: cover;
421 background-repeat: no-repeat;
422 align-items: center;
423 justify-content: center;
424 color: #fff;
425 display: flex;
426 font-family: 'Apercu Pro';
427 font-size: 20px;
428 font-weight: 500;
429 line-height: 1.5;
430 max-width: 100%;
431 position: relative;
432 text-align: center;
433 background-image: url(//spacegoods.com/cdn/shop/files/screenshot-at-may-23-14-46-56_2000x.webp?v=1726479125);
434 }
435
436 #sc-template--17138240979127__homepage_banner_9UjpQc .section_desc p {
437 margin: 0;
438 }
439
440 #sc-template--17138240979127__homepage_banner_9UjpQc .bg_wrapper {
441 align-items: center;
442 align-self: stretch;
443 column-gap: 0;
444 display: flex;
445 flex-direction: column;
446 height: 560px;
447 justify-content: center;
448 margin: 0;
449 min-height: auto;
450 padding: 90px 80px;
451 position: relative;
452 }
453
454 #sc-template--17138240979127__homepage_banner_9UjpQc .bg_images img {
455 position: absolute;
456 height: 100%;
457 left: 0;
458 object-fit: cover;
459 position: absolute;
460 right: 0;
461 bottom: 0;
462 top: 0;
463 width: 100%;
464 }
465
466 #sc-template--17138240979127__homepage_banner_9UjpQc .bg_content {
467 align-items: flex-start;
468 display: flex;
469 flex-basis: 0%;
470 flex-direction: column;
471 flex-grow: 1;
472 flex-shrink: 1;
473 justify-content: center;
474 max-width: 100%;
475 min-height: 100px;
476 position: relative;
477 row-gap: 4px;
478 width: 1200px;
479 }
480
481 #sc-template--17138240979127__homepage_banner_9UjpQc .section_title {
482 align-self: stretch;
483 color: #000;
484 display: flex;
485 flex-direction: column;
486 font-family: 'TAN - MEMORIES';
487 font-size: 48px;
488 font-weight: 400;
489 height: auto;
490 justify-content: flex-start;
491 letter-spacing: .02em;
492 line-height: 1.4;
493 margin: 10px 0;
494 max-width: 400px;
495 padding: 0;
496 position: relative;
497 text-align: left;
498 }
499
500 #sc-template--17138240979127__homepage_banner_9UjpQc .section_desc {
501 align-self: stretch;
502 color: #000;
503 display: flex;
504 flex-direction: column;
505 font-family: 'Apercu';
506 font-weight: 400;
507 height: auto;
508 justify-content: flex-start;
509 line-height: 1.5;
510 font-size: 15px;
511 max-width: 400px;
512 padding: 10px 0;
513 position: relative;
514 text-align: left;
515 }
516
517 #sc-template--17138240979127__homepage_banner_9UjpQc .section_desc * {
518 margin: 0;
519 }
520
521 #sc-template--17138240979127__homepage_banner_9UjpQc .review_text * {
522 margin: 0;
523 }
524
525 #sc-template--17138240979127__homepage_banner_9UjpQc .review_text {
526 align-self: stretch;
527 color: #000;
528 display: flex;
529 flex-direction: column;
530 font-family: 'Apercu';
531 font-weight: 400;
532 height: auto;
533 justify-content: flex-start;
534 line-height: 1.5;
535 position: relative;
536 margin-bottom: 16px;
537 text-align: left;
538 }
539
540 #sc-template--17138240979127__homepage_banner_9UjpQc .section_button {
541 align-items: center;
542 background: #f27;
543 border-radius: 10px 10px 10px 10px;
544 column-gap: 16px;
545 display: flex;
546 flex-direction: row;
547 flex-wrap: nowrap;
548 justify-content: center;
549 padding: 14px 24px;
550 position: relative;
551 text-decoration: none;
552 row-gap: 16px;
553 transition-duration: 50ms;
554 transition-property: color, background-color, fill, opacity, transform, border, box-shadow;
555 transition-timing-function: ease-in-out;
556 color: #fff;
557 display: flex;
558 font-family: 'Apercu Pro';
559 font-size: 20px;
560 font-weight: 700;
561 letter-spacing: .04em;
562 line-height: 1.4;
563 }
564
565 #sc-template--17138240979127__homepage_banner_9UjpQc .section_button svg {
566 color: #fff;
567 height: 20px;
568 position: relative;
569 width: 20px;
570 }
571
572 #sc-template--17138240979127__homepage_banner_9UjpQc .bar_message * {
573 margin: 0;
574 }
575
576 #sc-template--17138240979127__homepage_banner_9UjpQc .section_title * {
577 margin: 0;
578 font-family: 'TAN - MEMORIES';
579 font-size: 48px;
580 font-weight: 400;
581 letter-spacing: .02em;
582 line-height: 1.4;
583 }
584
585 #sc-template--17138240979127__homepage_banner_9UjpQc .section_button:hover {
586 background-color: #000;
587 }
588
589 #sc-template--17138240979127__homepage_banner_9UjpQc .section_button .icon-arrow {
590 display: flex;
591 align-items: center;
592 justify-content: center;
593 }
594
595 @media screen and (min-width: 901px) {
596 #sc-template--17138240979127__homepage_banner_9UjpQc .mobile_bg {
597 display: none !important;
598 }
599 }
600
601 @media screen and (max-width: 900px) {
602 #sc-template--17138240979127__homepage_banner_9UjpQc .desktop_bg {
603 display: none !important;
604 }
605 #sc-template--17138240979127__homepage_banner_9UjpQc .section_title * {
606 align-self: stretch;
607 font-size: 42px;
608 text-align: center;
609 width: auto;
610 }
611 #sc-template--17138240979127__homepage_banner_9UjpQc .bg_wrapper {
612 align-self: stretch;
613 padding: 32px 24px;
614 width: auto;
615 }
616 #sc-template--17138240979127__homepage_banner_9UjpQc .bar_message {
617 font-size: 16px;
618 }
619 #sc-template--17138240979127__homepage_banner_9UjpQc .section_desc {
620 display: none;
621 }
622 #sc-template--17138240979127__homepage_banner_9UjpQc .section_title {
623 align-self: stretch;
624 font-size: 42px;
625 margin: 0 0 290px;
626 text-align: center;
627 width: auto;
628 }
629 #sc-template--17138240979127__homepage_banner_9UjpQc .review_text {
630 align-self: stretch;
631 color: #000;
632 margin: 0 0 10px;
633 padding: 0 20px;
634 text-align: center;
635 width: auto;
636 }
637 #sc-template--17138240979127__homepage_banner_9UjpQc .section_button {
638 align-self: stretch;
639 }
640 }
641</style>
642<style>
643 #sc-template--17138240979127__autoscrolling_text_9DGHnt {
644 padding: 16px 0;
645 background-position: center;
646 background-repeat: no-repeat;
647 background-size: cover;
648 background-image: url(//spacegoods.com/cdn/shop/files/bg_2000x.svg?v=1726480808);
649 }
650
651 #sc-template--17138240979127__autoscrolling_text_9DGHnt .text-wrapper {
652 align-items: center;
653 display: flex;
654 color: #fff;
655 font-family: 'Apercu Pro';
656 font-size: 16px;
657 font-weight: 700;
658 width: fit-content;
659 position: relative;
660 animation: auto-scroll 60s linear infinite;
661 }
662
663 #sc-template--17138240979127__autoscrolling_text_9DGHnt .section_wrapper {
664 overflow: hidden;
665 }
666
667 #sc-template--17138240979127__autoscrolling_text_9DGHnt .block-text {
668 white-space: nowrap;
669 margin: 0 16px;
670 }
671
672 @keyframes auto-scroll {
673 0% {
674 transform: translateX(0);
675 }
676 100% {
677 transform: translateX(-50%);
678 }
679 }
680
681 @media screen and (max-width: 900px) {
682 #sc-template--17138240979127__autoscrolling_text_9DGHnt {
683 padding: 16px 0;
684 }
685 }
686</style>

Related snippets