The repo for Purrform's main BigCommerce store.
54 performance improvements (#57)
authored by
Rogerio Romao
and committed by
GitHub
b0337dec
3bc9c2ed
+38
-66
+16
-4
assets/scss/custom.scss
+16
-4
assets/scss/custom.scss
···
1
1
@font-face {
2
2
font-family: 'Filson Pro';
3
-
src: url('../fonts/FilsonPro-Bold.woff2') format('woff2'),
3
+
src:
4
+
url('../fonts/FilsonPro-Bold.woff2') format('woff2'),
4
5
url('../fonts/FilsonPro-Bold.woff') format('woff');
5
6
font-weight: 700;
6
7
font-style: normal;
···
9
10
10
11
@font-face {
11
12
font-family: 'Filson Pro';
12
-
src: url('../fonts/FilsonPro-Regular.woff2') format('woff2'),
13
+
src:
14
+
url('../fonts/FilsonPro-Regular.woff2') format('woff2'),
13
15
url('../fonts/FilsonPro-Regular.woff') format('woff');
14
16
font-weight: normal;
15
17
font-style: normal;
···
94
96
}
95
97
96
98
a {
99
+
color: #38b6e8;
97
100
text-decoration: none;
101
+
102
+
&:hover {
103
+
color: #1e8fba;
104
+
text-decoration: underline;
105
+
}
98
106
}
99
107
100
108
p {
···
2920
2928
font-size: 14px;
2921
2929
padding: 10px 20px 10px 18px;
2922
2930
text-decoration: none;
2923
-
transition: border, background-color 0.1s;
2931
+
transition:
2932
+
border,
2933
+
background-color 0.1s;
2924
2934
}
2925
2935
2926
2936
.mapplic-list-location > a:after {
···
3075
3085
margin-top: 4px;
3076
3086
padding: 4px 8px;
3077
3087
text-decoration: none;
3078
-
transition: background-color 0.2s, box-shadow 0.2s;
3088
+
transition:
3089
+
background-color 0.2s,
3090
+
box-shadow 0.2s;
3079
3091
}
3080
3092
3081
3093
.mapplic-popup-link:hover {
+1
-6
templates/components/common/header.html
+1
-6
templates/components/common/header.html
···
1
1
<!-- This gives us our font, Filson Pro -->
2
-
<link rel="stylesheet" href="https://use.typekit.net/drc3iaj.css">
2
+
<link rel="stylesheet" href="https://use.typekit.net/drc3iaj.css" fetchpriority="high">
3
3
4
4
<!-- CALL MOST RECENT JQUERY LIBRARY -->
5
5
<script src="https://code.jquery.com/jquery-3.6.2.min.js" integrity="sha256-2krYZKh//PcchRtd+H+VyyQoZ/e3EcrkxhM8ycwASPA=" crossorigin="anonymous"></script>
6
-
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
7
-
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
8
-
9
-
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css">
10
-
11
6
12
7
<a href="#main-content" class="skip-to-main-link">{{lang 'header.skip_to_main'}}</a>
13
8
{{#if banners.top}}
+5
-40
templates/pages/cart.html
+5
-40
templates/pages/cart.html
···
1
1
---
2
2
cart: true
3
3
---
4
-
{{inject 'cancelButtonText' (lang 'common.cancel')}} {{#partial "page"}}
4
+
5
+
{{#partial "page"}}
6
+
{{inject 'cancelButtonText' (lang 'common.cancel')}}
5
7
{{inject 'invalidEntryMessage' (lang 'cart.invalid_entry_message')}}
6
8
{{inject 'cartId' cart_id}}
7
9
···
206
208
</i>
207
209
{{lang 'cart.added_to_cart.continue_shopping'}}
208
210
</a>
209
-
<a id="do_checkout" class="button button--primary ui-state-disabled"
211
+
<a id="do_checkout" class="button button--primary"
210
212
href="{{urls.checkout.single_address}}" title="{{lang 'cart.checkout.title'}}"
211
213
data-primary-checkout-now-action>
212
214
{{lang 'cart.checkout.button'}}
···
237
239
{{/if}}
238
240
239
241
</main>
240
-
<script src="https://code.jquery.com/jquery-3.6.2.min.js"
241
-
integrity="sha256-2krYZKh//PcchRtd+H+VyyQoZ/e3EcrkxhM8ycwASPA=" crossorigin="anonymous"></script>
242
-
243
-
<div class="modal fade" id="redeem_point" tabindex="-1" aria-labelledby="redeem_point"
244
-
style="display: none;" aria-hidden="true">
245
-
<div class="modal-dialog">
246
-
<div class="modal-content swal2-content">
247
-
<div class="swal2-icon swal2-warning swal2-icon-show" style="display: flex;">
248
-
<div class="swal2-icon-content">!</div>
249
-
</div>
250
-
<h4 style="text-align:center;margin-bottom:5px;" id="swal2-title">
251
-
</h2>
252
-
<button type="button" class="swal2-close"
253
-
onclick="document.getElementById('redeem_point').style.display='none';">x</button>
254
-
<div id="swal2-content" class="swal2-html-container uk-margin-small-bottom"
255
-
style="display: block;">Enter the points to redeem:</div>
256
-
<input type="number" class="uk-input uk-text-center" id="redeem" name="redeem" min="" max=""
257
-
value="" style="max-width:200px;">
258
-
</div>
259
-
<div class="swal2-footer">
260
-
<span style="display:none;" id="total_point"></span>
261
-
<a onclick="redeem_loyalty()"
262
-
style="background-color: #BD9B60 !important; border-color: #BD9B60 !important; border-radius: 50px;font-weight: 500;font-size: 16px;"
263
-
class="button button--primary">Redeem point </a>
264
-
<a onclick="document.getElementById('redeem_point').style.display='none';"
265
-
style="background-color: #FFF !important; border-color: #BD9B60 !important; border-radius: 50px;font-weight: 500;font-size: 16px;color: #BD9B60;"
266
-
class="button button--primary">Cancel</a>
267
-
</div>
268
-
</div>
269
-
</div>
270
242
271
243
<div class="modal fade" id="newsletter-box" tabindex="-1" aria-labelledby="redeem_point"
272
244
style="text-align:center;display: none;box-shadow:0px 0px 39px 9px rgb(0 0 0 / 20%);border-radius:50px"
···
322
294
</div>
323
295
</div>
324
296
</div>
325
-
<div style="display:none" id="gift_wrap"
326
-
class="coupon-box-small-icon-wrap coupon-box-small-icon-position-bottom-left coupon-box-small-icon-hidden-mobile">
327
-
<div class="coupon-box-small-icon-container">
328
-
<span id="gift_close" class="coupon-box-small-icon-close button_close_icons-cancel"
329
-
title="Do not show again"></span>
330
-
<span id="gift_box" class="coupon-box-small-icon giftbox-gifbox-with-ribbon-on-top"></span>
331
-
</div>
332
-
</div>
297
+
333
298
{{/partial}}
334
299
{{> layout/base}}
335
300
+16
-16
templates/pages/checkout.html
+16
-16
templates/pages/checkout.html
···
17
17
18
18
{{#partial "page"}}
19
19
20
-
<!-- UIkit CSS -->
21
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.15.14/dist/css/uikit.min.css" />
22
-
<link rel="stylesheet" href="https://use.typekit.net/drc3iaj.css" />
23
-
24
-
<!-- UIkit JS -->
25
-
<script src="https://cdn.jsdelivr.net/npm/uikit@3.15.14/dist/js/uikit.min.js"></script>
26
-
<script src="https://cdn.jsdelivr.net/npm/uikit@3.15.14/dist/js/uikit-icons.min.js"></script>
27
20
28
21
<!-- CALL MOST RECENT JQUERY LIBRARY -->
29
22
<script src="https://code.jquery.com/jquery-3.6.2.min.js"
30
23
integrity="sha256-2krYZKh//PcchRtd+H+VyyQoZ/e3EcrkxhM8ycwASPA=" crossorigin="anonymous"></script>
31
24
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
32
-
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
25
+
<link rel="stylesheet"
26
+
href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css" />
33
27
34
-
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
35
-
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous" />
36
-
<link rel="stylesheet"
37
-
href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css" />
38
28
39
29
{{inject "checkoutId" cart_id}}
40
30
···
1558
1548
border-color: red;
1559
1549
}
1560
1550
1551
+
#ui-datepicker-div > * {
1552
+
font-family: 'Filson Pro', sans-serif;
1553
+
}
1554
+
1561
1555
.ui-datepicker,
1556
+
.ui-datepicker-title,
1557
+
.ui-datepicker-month,
1558
+
.ui-datepicker-year,
1562
1559
.ui-datepicker table,
1563
1560
.ui-datepicker tr,
1564
1561
.ui-datepicker td,
···
1567
1564
padding: 0;
1568
1565
border: none;
1569
1566
border-spacing: 0;
1567
+
font-family: 'Filson Pro', sans-serif;
1570
1568
}
1571
1569
1570
+
1571
+
1572
1572
.ui-datepicker {
1573
1573
box-shadow: 0 5px 12px rgb(0 0 0 / 15%);
1574
1574
display: none;
···
1576
1576
padding: 15px;
1577
1577
cursor: default;
1578
1578
text-transform: uppercase;
1579
-
font-family: Filson-Soft;
1579
+
font-family: 'Filson Pro', sans-serif;
1580
1580
font-size: 24px;
1581
1581
background: #fff;
1582
1582
-webkit-border-radius: 4px;
···
1594
1594
1595
1595
.ui-datepicker-title {
1596
1596
text-align: center;
1597
-
font-family: Filson-Soft;
1597
+
font-family: 'Filson Pro', sans-serif;
1598
1598
}
1599
1599
1600
1600
.ui-datepicker-month {
1601
1601
position: relative;
1602
1602
padding-right: 15px;
1603
1603
color: #fff;
1604
-
font-family: Filson-Soft;
1604
+
font-family: 'Filson Pro', sans-serif;
1605
1605
}
1606
1606
1607
1607
/* .ui-datepicker-current-day .ui-state-default {background-color:#687d6a;color: #bd9b60;} */
1608
1608
.ui-datepicker-year {
1609
1609
padding-left: 8px;
1610
1610
color: #fff;
1611
-
font-family: Filson-Soft;
1611
+
font-family: 'Filson Pro', sans-serif;
1612
1612
}
1613
1613
1614
1614
.ui-datepicker-month:before {