Skip to content

Commit e6c137c

Browse files
webdevstarwebdevstar
committed
src/Added total_count to response
1 parent d031fe1 commit e6c137c

11 files changed

Lines changed: 411 additions & 12 deletions

File tree

‎themes/current/assets/css/rc-slider.css‎

Lines changed: 290 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,290 @@
1+
.rc-slider {
2+
position: relative;
3+
height: 14px;
4+
padding: 5px 0;
5+
width: 100%;
6+
border-radius: 6px;
7+
box-sizing: border-box;
8+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
9+
}
10+
.rc-slider * {
11+
box-sizing: border-box;
12+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13+
}
14+
.rc-slider-rail {
15+
position: absolute;
16+
width: 100%;
17+
background-color: #e9e9e9;
18+
height: 4px;
19+
}
20+
.rc-slider-track {
21+
position: absolute;
22+
left: 0;
23+
height: 4px;
24+
border-radius: 6px;
25+
background-color: #abe2fb;
26+
}
27+
.rc-slider-handle {
28+
position: absolute;
29+
margin-left: -7px;
30+
margin-top: -5px;
31+
width: 14px;
32+
height: 14px;
33+
cursor: pointer;
34+
border-radius: 50%;
35+
border: solid 2px #96dbfa;
36+
background-color: #fff;
37+
}
38+
.rc-slider-handle:hover {
39+
border-color: #57c5f7;
40+
}
41+
.rc-slider-handle-active:active {
42+
border-color: #57c5f7;
43+
box-shadow: 0 0 5px #57c5f7;
44+
}
45+
.rc-slider-mark {
46+
position: absolute;
47+
top: 18px;
48+
left: 0;
49+
width: 100%;
50+
font-size: 12px;
51+
}
52+
.rc-slider-mark-text {
53+
position: absolute;
54+
display: inline-block;
55+
vertical-align: middle;
56+
text-align: center;
57+
cursor: pointer;
58+
color: #999;
59+
}
60+
.rc-slider-mark-text-active {
61+
color: #666;
62+
}
63+
.rc-slider-step {
64+
position: absolute;
65+
width: 100%;
66+
height: 4px;
67+
background: transparent;
68+
}
69+
.rc-slider-dot {
70+
position: absolute;
71+
bottom: -2px;
72+
margin-left: -4px;
73+
width: 8px;
74+
height: 8px;
75+
border: 2px solid #e9e9e9;
76+
background-color: #fff;
77+
cursor: pointer;
78+
border-radius: 50%;
79+
vertical-align: middle;
80+
}
81+
.rc-slider-dot:first-child {
82+
margin-left: -4px;
83+
}
84+
.rc-slider-dot:last-child {
85+
margin-left: -4px;
86+
}
87+
.rc-slider-dot-active {
88+
border-color: #96dbfa;
89+
}
90+
.rc-slider-disabled {
91+
background-color: #e9e9e9;
92+
}
93+
.rc-slider-disabled .rc-slider-track {
94+
background-color: #ccc;
95+
}
96+
.rc-slider-disabled .rc-slider-handle,
97+
.rc-slider-disabled .rc-slider-dot {
98+
border-color: #ccc;
99+
background-color: #fff;
100+
cursor: not-allowed;
101+
}
102+
.rc-slider-disabled .rc-slider-mark-text,
103+
.rc-slider-disabled .rc-slider-dot {
104+
cursor: not-allowed !important;
105+
}
106+
.rc-slider-vertical {
107+
width: 14px;
108+
height: 100%;
109+
padding: 0 5px;
110+
}
111+
.rc-slider-vertical .rc-slider-rail {
112+
height: 100%;
113+
width: 4px;
114+
}
115+
.rc-slider-vertical .rc-slider-track {
116+
left: 5px;
117+
bottom: 0;
118+
width: 4px;
119+
}
120+
.rc-slider-vertical .rc-slider-handle {
121+
margin-left: -5px;
122+
margin-bottom: -7px;
123+
}
124+
.rc-slider-vertical .rc-slider-mark {
125+
top: 0;
126+
left: 18px;
127+
height: 100%;
128+
}
129+
.rc-slider-vertical .rc-slider-step {
130+
height: 100%;
131+
width: 4px;
132+
}
133+
.rc-slider-vertical .rc-slider-dot {
134+
left: 2px;
135+
margin-bottom: -4px;
136+
}
137+
.rc-slider-vertical .rc-slider-dot:first-child {
138+
margin-bottom: -4px;
139+
}
140+
.rc-slider-vertical .rc-slider-dot:last-child {
141+
margin-bottom: -4px;
142+
}
143+
.rc-slider-tooltip-zoom-down-enter,
144+
.rc-slider-tooltip-zoom-down-appear {
145+
-webkit-animation-duration: .3s;
146+
animation-duration: .3s;
147+
-webkit-animation-fill-mode: both;
148+
animation-fill-mode: both;
149+
display: block !important;
150+
-webkit-animation-play-state: paused;
151+
animation-play-state: paused;
152+
}
153+
.rc-slider-tooltip-zoom-down-leave {
154+
-webkit-animation-duration: .3s;
155+
animation-duration: .3s;
156+
-webkit-animation-fill-mode: both;
157+
animation-fill-mode: both;
158+
display: block !important;
159+
-webkit-animation-play-state: paused;
160+
animation-play-state: paused;
161+
}
162+
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
163+
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
164+
-webkit-animation-name: rcSliderTooltipZoomDownIn;
165+
animation-name: rcSliderTooltipZoomDownIn;
166+
-webkit-animation-play-state: running;
167+
animation-play-state: running;
168+
}
169+
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
170+
-webkit-animation-name: rcSliderTooltipZoomDownOut;
171+
animation-name: rcSliderTooltipZoomDownOut;
172+
-webkit-animation-play-state: running;
173+
animation-play-state: running;
174+
}
175+
.rc-slider-tooltip-zoom-down-enter,
176+
.rc-slider-tooltip-zoom-down-appear {
177+
-webkit-transform: scale(0, 0);
178+
transform: scale(0, 0);
179+
-webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
180+
animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
181+
}
182+
.rc-slider-tooltip-zoom-down-leave {
183+
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
184+
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
185+
}
186+
@-webkit-keyframes rcSliderTooltipZoomDownIn {
187+
0% {
188+
opacity: 0;
189+
-webkit-transform-origin: 50% 100%;
190+
transform-origin: 50% 100%;
191+
-webkit-transform: scale(0, 0);
192+
transform: scale(0, 0);
193+
}
194+
100% {
195+
-webkit-transform-origin: 50% 100%;
196+
transform-origin: 50% 100%;
197+
-webkit-transform: scale(1, 1);
198+
transform: scale(1, 1);
199+
}
200+
}
201+
@keyframes rcSliderTooltipZoomDownIn {
202+
0% {
203+
opacity: 0;
204+
-webkit-transform-origin: 50% 100%;
205+
transform-origin: 50% 100%;
206+
-webkit-transform: scale(0, 0);
207+
transform: scale(0, 0);
208+
}
209+
100% {
210+
-webkit-transform-origin: 50% 100%;
211+
transform-origin: 50% 100%;
212+
-webkit-transform: scale(1, 1);
213+
transform: scale(1, 1);
214+
}
215+
}
216+
@-webkit-keyframes rcSliderTooltipZoomDownOut {
217+
0% {
218+
-webkit-transform-origin: 50% 100%;
219+
transform-origin: 50% 100%;
220+
-webkit-transform: scale(1, 1);
221+
transform: scale(1, 1);
222+
}
223+
100% {
224+
opacity: 0;
225+
-webkit-transform-origin: 50% 100%;
226+
transform-origin: 50% 100%;
227+
-webkit-transform: scale(0, 0);
228+
transform: scale(0, 0);
229+
}
230+
}
231+
@keyframes rcSliderTooltipZoomDownOut {
232+
0% {
233+
-webkit-transform-origin: 50% 100%;
234+
transform-origin: 50% 100%;
235+
-webkit-transform: scale(1, 1);
236+
transform: scale(1, 1);
237+
}
238+
100% {
239+
opacity: 0;
240+
-webkit-transform-origin: 50% 100%;
241+
transform-origin: 50% 100%;
242+
-webkit-transform: scale(0, 0);
243+
transform: scale(0, 0);
244+
}
245+
}
246+
.rc-slider-tooltip {
247+
position: absolute;
248+
left: -9999px;
249+
top: -9999px;
250+
visibility: visible;
251+
box-sizing: border-box;
252+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
253+
}
254+
.rc-slider-tooltip * {
255+
box-sizing: border-box;
256+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
257+
}
258+
.rc-slider-tooltip-hidden {
259+
display: none;
260+
}
261+
.rc-slider-tooltip-placement-top {
262+
padding: 4px 0 8px 0;
263+
}
264+
.rc-slider-tooltip-inner {
265+
padding: 6px 2px;
266+
min-width: 24px;
267+
height: 24px;
268+
font-size: 12px;
269+
line-height: 1;
270+
color: #fff;
271+
text-align: center;
272+
text-decoration: none;
273+
background-color: #6c6c6c;
274+
border-radius: 6px;
275+
box-shadow: 0 0 4px #d9d9d9;
276+
}
277+
.rc-slider-tooltip-arrow {
278+
position: absolute;
279+
width: 0;
280+
height: 0;
281+
border-color: transparent;
282+
border-style: solid;
283+
}
284+
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
285+
bottom: 4px;
286+
left: 50%;
287+
margin-left: -4px;
288+
border-width: 4px 4px 0;
289+
border-top-color: #6c6c6c;
290+
}

‎themes/current/assets/css/theme.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -218,3 +218,21 @@ hr.separator {
218218
padding-top: 6px;
219219
padding-bottom: 6px;
220220
}
221+
222+
.price-filter {
223+
margin: 20px 0;
224+
}
225+
.price-filter-range {
226+
margin: 10px 0;
227+
}
228+
.price-filter-values {
229+
font-size: 0.75rem;
230+
}
231+
232+
.load-more {
233+
margin: 30px 0;
234+
}
235+
.load-more button {
236+
max-width: 360px;
237+
margin: 0 auto;
238+
}

‎themes/current/assets/template.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
<link rel="stylesheet" href="/assets/css/theme.css">
1616
<link rel="stylesheet" href="/assets/css/image-gallery-no-icon.css">
1717
<link rel="stylesheet" href="/assets/css/bulma.min.css">
18+
<link rel="stylesheet" href="/assets/css/rc-slider.css">
1819
</head>
1920

2021
<body>

‎themes/current/config.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,5 +9,6 @@
99
"imagePlaceholder": "/assets/images/placeholder.svg",
1010
"sort_newest": "-date_created",
1111
"sort_price_low": "price",
12-
"sort_price_high": "-price"
12+
"sort_price_high": "-price",
13+
"infiniteScrolling": false
1314
}

‎themes/current/locales/en.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
"total": "Total",
1010
"remove": "Remove",
1111
"qty": "Qty",
12+
"price": "Price",
1213
"checkoutPageTitle": "Checkout",
1314
"grandTotal": "Grand total",
1415
"orderSummary": "Order Summary",
@@ -25,6 +26,7 @@
2526
"sortPriceLow":"Price low to high",
2627
"sortPriceHigh":"Price high to low",
2728
"title404": "Page not found",
29+
"loadMore": "Load more products",
2830
"text404": "The page you requested does not exist. Click here to continue shopping.",
2931
"footerCopyright": "Copyright © 2017 Demo Drone Store. All Rights Reserved. EN. "
3032
}

‎themes/current/package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
"babel-plugin-transform-class-properties": "^6.23.0",
1616
"babel-preset-latest": "^6.24.0",
1717
"babel-preset-react": "^6.23.0",
18+
"rc-slider": "^6.3.1",
1819
"react": "^15.4.2",
1920
"react-dom": "^15.4.2",
2021
"react-helmet": "^4.0.0",

0 commit comments

Comments
 (0)