-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathBC-Home.html
95 lines (93 loc) · 5.75 KB
/
BC-Home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!--{% if theme.image_sets.slideshow.size > 0 %}
<div class="flexslider home-slideshow">
<ul class="slides">
{% for image in theme.image_sets.slideshow %}
<li><img alt="Slideshow image" src="{{ image.url | constrain: 1800 }}"></li>
{% endfor %}
</ul>
</div>
{% endif %}-->
<div class="feature__highlight">
<!--<h1 class="feature__welcome">Runners<br /> <strong>giving back</strong><br /> to runners</h1>-->
<h1 class="feature__welcome"><span class="hidden">Your Inner Voice Collection</span></h1>
<p class="feature__blurb">Pre-Orders Begin January 17th</p>
<!-- Turned off for Your Inner Voice 1/13/2020
{% if theme.image_sets.slideshow.size > 0 %}
{% for image in theme.image_sets.slideshow %}
<img src="{{ image.url | constrain: 1800 }}" />
{% endfor %}
{% endif %}-->
</div>
{% if theme.featured_items > 0 %}
{% get products from products.all limit:theme.featured_items order:theme.featured_order %}
{% if products != blank %}
<div class="feature__list--wrapper">
<h2 class="feature__title">What's new</h2>
<div class="feature__list">
{% for product in products %}
{% assign product_status = '' %}
{% case product.status %}
{% when 'active' %}
{% if product.on_sale %}{% assign product_status = 'On sale' %}{% endif %}
{% when 'sold-out' %}
{% assign product_status = 'Sold out' %}
{% when 'coming-soon' %}
{% assign product_status = 'Coming soon' %}
{% endcase %}
<a class="feature__item {{ theme.show_overlay }}" href="{{ product.url }}" title="View {{ product.name | escape }}">
<!--<div class="feature__item--image"> class="product-list-item-container" -->
<figure class="feature__item--image">
<!-- product-list-image-container -->
<img alt="Image of {{ product.name | escape }}" class="fade-in {% if product.image.height > product.image.width %}image-tall{% elsif product.image.height < product.image.width %}image-wide{% else %}image-square{% endif %}" src="{{ product.image | product_image_url | constrain: 1000, 1000 }}">
</figure>
<!--</div>-->
<div class="feature__item--info">
<!-- product-list-item-info -->
<!--<div class="product-list-item-background"></div>-->
<div class="feature__item--headers">
<!-- product-list-item-info-headers -->
{% if product_status != blank %}<div class="feature__item--status {{ product_status }}">{{ product_status }}</div>{% endif %} <!-- product-list-item-status -->
{% for category in product.categories %}
{% if category.name contains 'Pre-Order' %}
<div class="feature__item--status pre-order">Pre-Order</div>
{% endif %}
{% endfor %}
<h3 class="feature__item--name">{{ product.name }}</h3> <!-- product-list-item-name -->
<div class="feature__item--price">{{ product.default_price | money: theme.money_format }}</div> <!-- product-list-item-price -->
</div>
</div>
</a>
{% endfor %}
</div>
</div>
{% else %}
<div class="empty-products centered-message">No products found.</div>
{% endif %}
{% endget %}
{% endif %}
<div class="callouts">
<div class="callout__about">
<p class="callout__about--text">
Every order<br />
<strong>gives back</strong><br />
to runners
</p>
<a class="button large" href="/giving-back">Learn how</a>
</div>
<a class="callout__social" href="https://www.instagram.com/forthe.run/" target="_blank">
<div class="ig__brand">
<span class="ig__brand--logo">
<svg width="36" height="36" xmlns="http://www.w3.org/2000/svg">
<g fill-rule="evenodd">
<path d="M18 0c-4.889 0-5.501.02-7.421.108C8.663.196 7.354.5 6.209.945a8.823 8.823 0 0 0-3.188 2.076A8.83 8.83 0 0 0 .945 6.209C.5 7.354.195 8.663.108 10.58.021 12.499 0 13.11 0 18s.02 5.501.108 7.421c.088 1.916.392 3.225.837 4.37a8.823 8.823 0 0 0 2.076 3.188c1 1 2.005 1.616 3.188 2.076 1.145.445 2.454.75 4.37.837 1.92.087 2.532.108 7.421.108s5.501-.02 7.421-.108c1.916-.088 3.225-.392 4.37-.837a8.824 8.824 0 0 0 3.188-2.076c1-1 1.616-2.005 2.076-3.188.445-1.145.75-2.454.837-4.37.087-1.92.108-2.532.108-7.421s-.02-5.501-.108-7.421c-.088-1.916-.392-3.225-.837-4.37a8.824 8.824 0 0 0-2.076-3.188A8.83 8.83 0 0 0 29.791.945C28.646.5 27.337.195 25.42.108 23.501.021 22.89 0 18 0zm0 3.243c4.806 0 5.376.019 7.274.105 1.755.08 2.708.373 3.342.62.84.326 1.44.717 2.07 1.346.63.63 1.02 1.23 1.346 2.07.247.634.54 1.587.62 3.342.086 1.898.105 2.468.105 7.274s-.019 5.376-.105 7.274c-.08 1.755-.373 2.708-.62 3.342a5.576 5.576 0 0 1-1.346 2.07c-.63.63-1.23 1.02-2.07 1.346-.634.247-1.587.54-3.342.62-1.898.086-2.467.105-7.274.105s-5.376-.019-7.274-.105c-1.755-.08-2.708-.373-3.342-.62a5.576 5.576 0 0 1-2.07-1.346 5.577 5.577 0 0 1-1.346-2.07c-.247-.634-.54-1.587-.62-3.342-.086-1.898-.105-2.468-.105-7.274s.019-5.376.105-7.274c.08-1.755.373-2.708.62-3.342.326-.84.717-1.44 1.346-2.07.63-.63 1.23-1.02 2.07-1.346.634-.247 1.587-.54 3.342-.62 1.898-.086 2.468-.105 7.274-.105z" />
<path d="M18 24.006a6.006 6.006 0 1 1 0-12.012 6.006 6.006 0 0 1 0 12.012zm0-15.258a9.252 9.252 0 1 0 0 18.504 9.252 9.252 0 0 0 0-18.504zm11.944-.168a2.187 2.187 0 1 1-4.374 0 2.187 2.187 0 0 1 4.374 0" />
</g>
</svg>
</span>
<span class="ig__brand--text">
<span class="ig__brand--name">forthe.run</span>
say hello on instagram
</span>
</div>
</a>
</div>