Version Description
- Dec 7, 2018 =
- Minor fixes for better compatibility with the WordPress v5 and Gutenberg.
- Improvements and fixes for the Import products from WooCommerce tool. Import of products from WooCommerce to Ecwid now should work smoother, especially when you have a lot of products to import.
Download this release
Release Info
Developer | Ecwid |
Plugin | Ecwid Ecommerce Shopping Cart |
Version | 6.4.5 |
Comparing to | |
See all releases |
Code changes from version 6.4.4 to 6.4.5
- css/landing.css +1316 -884
- ecwid-shopping-cart.php +1 -1
- js/landing.js +0 -129
- readme.txt +2 -2
- templates/admin/landing.tpl.php +138 -358
css/landing.css
CHANGED
@@ -1,899 +1,1331 @@
|
|
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 |
-
|
96 |
-
|
97 |
-
|
98 |
-
}
|
99 |
-
|
100 |
-
|
101 |
-
|
102 |
-
|
103 |
-
|
104 |
-
|
105 |
-
|
106 |
-
|
107 |
-
|
108 |
-
|
109 |
-
|
110 |
-
|
111 |
-
|
112 |
-
|
113 |
-
|
114 |
-
|
115 |
-
|
116 |
-
|
117 |
-
}
|
118 |
-
@media (min-width:
|
119 |
-
.
|
120 |
-
|
121 |
-
|
122 |
-
|
123 |
-
|
124 |
-
}
|
125 |
-
.
|
126 |
-
|
127 |
-
|
128 |
-
}
|
129 |
-
.
|
130 |
-
|
131 |
-
|
132 |
-
}
|
133 |
-
|
134 |
-
|
135 |
-
}
|
136 |
-
.
|
137 |
-
|
138 |
-
|
139 |
-
|
140 |
-
|
141 |
-
.
|
142 |
-
|
143 |
-
|
144 |
-
}
|
145 |
-
|
146 |
-
|
147 |
-
|
148 |
-
.
|
149 |
-
|
150 |
-
|
151 |
-
|
152 |
-
.
|
153 |
-
|
154 |
-
@media (min-width:
|
155 |
-
.
|
156 |
-
}
|
157 |
-
.
|
158 |
-
|
159 |
-
|
160 |
-
|
161 |
-
|
162 |
-
|
163 |
-
|
164 |
-
|
165 |
-
|
166 |
-
|
167 |
-
|
168 |
-
|
169 |
-
|
170 |
-
|
171 |
-
|
172 |
-
|
173 |
-
|
174 |
-
|
175 |
-
|
176 |
-
|
177 |
-
|
178 |
-
|
179 |
-
|
180 |
-
@media
|
181 |
-
.
|
182 |
-
}
|
183 |
-
|
184 |
-
|
185 |
-
|
186 |
-
|
187 |
-
|
188 |
-
|
189 |
-
|
190 |
-
|
191 |
-
|
192 |
-
|
193 |
-
|
194 |
-
}
|
195 |
-
|
196 |
-
.
|
197 |
-
|
198 |
-
|
199 |
-
|
200 |
-
|
201 |
-
|
202 |
-
@media
|
203 |
-
.
|
204 |
-
|
205 |
-
|
206 |
-
|
207 |
-
|
208 |
-
}
|
209 |
-
|
210 |
-
.
|
211 |
-
|
212 |
-
|
213 |
-
|
214 |
-
|
215 |
-
}
|
216 |
-
|
217 |
-
|
218 |
-
|
219 |
-
|
220 |
-
|
221 |
-
|
222 |
-
|
223 |
-
|
224 |
-
|
225 |
-
|
226 |
-
|
227 |
-
|
228 |
-
|
229 |
-
|
230 |
-
|
231 |
-
|
232 |
-
|
233 |
-
|
234 |
-
@media (min-width:
|
235 |
-
.
|
236 |
-
}
|
237 |
-
@media (min-width:
|
238 |
-
.
|
239 |
-
}
|
240 |
-
@media
|
241 |
-
.
|
242 |
-
|
243 |
-
|
244 |
-
.
|
245 |
-
|
246 |
-
|
247 |
-
}
|
248 |
-
|
249 |
-
|
250 |
-
|
251 |
-
}
|
252 |
-
|
253 |
-
|
254 |
-
|
255 |
-
|
256 |
-
|
257 |
-
|
258 |
-
|
259 |
-
|
260 |
-
|
261 |
-
|
262 |
-
|
263 |
-
|
264 |
-
|
265 |
-
|
266 |
-
|
267 |
-
|
268 |
-
|
269 |
-
|
270 |
-
|
271 |
-
.
|
272 |
-
|
273 |
-
|
274 |
-
.
|
275 |
-
|
276 |
-
|
277 |
-
|
278 |
-
|
279 |
-
|
280 |
-
|
281 |
-
|
282 |
-
|
283 |
-
|
284 |
-
|
285 |
-
|
286 |
-
|
287 |
-
|
288 |
-
|
289 |
-
|
290 |
-
|
291 |
-
|
292 |
-
|
293 |
-
|
294 |
-
.
|
295 |
-
|
296 |
-
.
|
297 |
-
|
298 |
-
|
299 |
-
|
300 |
-
|
301 |
-
|
302 |
-
.
|
303 |
-
|
304 |
-
|
305 |
-
|
306 |
-
|
307 |
-
|
308 |
-
|
309 |
-
@media
|
310 |
-
.
|
311 |
-
|
312 |
-
|
313 |
-
.
|
314 |
-
|
315 |
-
|
316 |
-
|
317 |
-
.
|
318 |
-
|
319 |
-
|
320 |
-
|
321 |
-
|
322 |
-
|
323 |
-
|
324 |
-
|
325 |
-
|
326 |
-
|
327 |
-
|
328 |
-
|
329 |
-
|
330 |
-
|
331 |
-
|
332 |
-
|
333 |
-
|
334 |
-
.
|
335 |
-
|
336 |
-
@media
|
337 |
-
.
|
338 |
-
}
|
339 |
-
.
|
340 |
-
|
341 |
-
|
342 |
-
|
343 |
-
}
|
344 |
-
|
345 |
-
|
346 |
-
|
347 |
-
|
348 |
-
|
349 |
-
|
350 |
-
|
351 |
-
|
352 |
-
|
353 |
-
|
354 |
-
|
355 |
-
|
356 |
-
|
357 |
-
.
|
358 |
-
|
359 |
-
|
360 |
-
|
361 |
-
|
362 |
-
}
|
363 |
-
|
364 |
-
|
365 |
-
|
366 |
-
|
367 |
-
|
368 |
-
.
|
369 |
-
|
370 |
-
|
371 |
-
|
372 |
-
|
373 |
-
|
374 |
-
|
375 |
-
|
376 |
-
|
377 |
-
.
|
378 |
-
|
379 |
-
|
380 |
-
}
|
381 |
-
|
382 |
-
|
383 |
-
|
384 |
-
|
385 |
-
|
386 |
-
|
387 |
-
|
388 |
-
|
389 |
-
|
390 |
-
|
391 |
-
|
392 |
-
|
393 |
-
|
394 |
-
|
395 |
-
|
396 |
-
|
397 |
-
}
|
398 |
-
|
399 |
-
.
|
400 |
-
|
401 |
-
|
402 |
-
|
403 |
-
}
|
404 |
-
|
405 |
-
|
406 |
-
|
407 |
-
|
408 |
-
|
409 |
-
|
410 |
-
|
411 |
-
|
412 |
-
|
413 |
-
.
|
414 |
-
|
415 |
-
|
416 |
-
|
417 |
-
|
418 |
-
.
|
419 |
-
|
420 |
-
|
421 |
-
|
422 |
-
|
423 |
-
@media
|
424 |
-
.
|
425 |
-
}
|
426 |
-
.
|
427 |
-
|
428 |
-
.
|
429 |
-
|
430 |
-
|
431 |
-
|
432 |
-
|
433 |
-
|
434 |
-
.
|
435 |
-
.
|
436 |
-
@media
|
437 |
-
.
|
438 |
-
|
439 |
-
|
440 |
-
|
441 |
-
|
442 |
-
|
443 |
-
|
444 |
-
|
445 |
-
.
|
446 |
-
|
447 |
-
.block-banner-gallery div.roll{overflow:hidden;position:relative;z-index:2;width:1000%;}
|
448 |
-
.block-banner-gallery div.roll>div{float:left;width:10%;opacity:0;transition:opacity .15s ease-in 0s;}
|
449 |
-
.block-banner-gallery div.roll>div.selected{opacity:1;transition:opacity .15s ease-out .15s;}
|
450 |
-
.block-banner-gallery div.roll>div>div{position:relative;margin:0;padding:10px 15px 35px;box-sizing:border-box;}
|
451 |
-
.block-banner-gallery div.roll p{font-size:14px;font-style:italic;line-height:24px;margin:7px 0 40px 15px;color:#fff;}
|
452 |
-
.block-banner-gallery div.roll .icon-quote:before{font-family:"Open Sans",sans-serif;font-size:12px;content:"\2014";color:#fff;padding-right:5px;}
|
453 |
-
.block-banner-gallery div.roll span.icon-quote{position:absolute;margin:2px 0 0 -20px;}
|
454 |
-
.block-banner-gallery .arrow{display:none;}
|
455 |
-
.block-banner-gallery .markers{display:block;position:absolute;bottom:23px;width:100%;text-align:center;z-index:3;}
|
456 |
-
.block-banner-gallery .markers div{display:inline-block;width:11px;height:11px;margin:0 8px 0 9px;background-color:#fff;border-radius:50%;vertical-align:middle;cursor:pointer;transition:background-color .5s linear 0s,box-shadow .5s linear 0s;}
|
457 |
-
.block-banner-gallery .markers div.selected{background-color:transparent;box-shadow:0 0 0 3px #fff;cursor:default;}
|
458 |
-
@media (min-width:480px){
|
459 |
-
.block-banner-gallery div.roll .icon-quote:before{font-size:14px;}
|
460 |
-
}
|
461 |
-
@media (min-width:750px){
|
462 |
-
.block-banner-gallery div.roll>div{position:relative;}
|
463 |
-
.block-banner-gallery div.roll>div>div{margin:0 5%;padding:8.6% 5% 5% 0;background-color:transparent!important;position:static;}
|
464 |
-
.block-banner-gallery div.roll p{font-size:18px;line-height:30px;margin-right:250px;margin-bottom:10px;}
|
465 |
-
.block-banner-gallery div.roll p{margin-left:70px;}
|
466 |
-
.block-banner-gallery div.roll p span.icon-quote{position:static;margin-left:-24px;}
|
467 |
-
.block-banner-gallery div.roll .icon-quote:before{font-size:18px;}
|
468 |
-
.block-banner-gallery .arrow{display:block;position:absolute;width:10%;height:100%;bottom:0;line-height:100%;vertical-align:middle;opacity:.2;color:#fff;cursor:pointer;z-index:3;transition:opacity .1s ease-out 0s;}
|
469 |
-
.block-banner-gallery .arrow>span{font-size:42px;position:absolute;top:50%;margin:-25px -13px;}
|
470 |
-
.block-banner-gallery .arrow.left{left:0;}
|
471 |
-
.block-banner-gallery .arrow.left>span{left:50%;}
|
472 |
-
.block-banner-gallery .arrow.right{right:0;}
|
473 |
-
.block-banner-gallery .arrow.right>span{right:50%;}
|
474 |
-
.block-banner-gallery .arrow:hover{opacity:1;}
|
475 |
-
.block-banner-gallery .markers{display:none;}
|
476 |
-
}
|
477 |
-
@media (min-width:900px){
|
478 |
-
.block-banner-gallery div.roll p{font-size:18px;line-height:24px;}
|
479 |
-
}
|
480 |
-
@media (min-width:1024px){
|
481 |
-
.block-banner-gallery-inner{max-width:1024px;margin:0 auto;position:relative;}
|
482 |
-
.block-banner-gallery div.roll>div>div{margin:0 9%;}
|
483 |
-
}
|
484 |
-
.clearfix::after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
|
485 |
-
.clearfix{display:inline-block;}
|
486 |
-
.vertical-page{background:#fff;}
|
487 |
-
.vertical-block{padding:32px 0 0;margin:32px 0 0;}
|
488 |
-
@media screen and (min-width:1024px){
|
489 |
-
.vertical-block{padding:48px 0 0;margin:48px 0 0;}
|
490 |
-
}
|
491 |
-
.vertical-block h1{color:#000;font-size:24px;line-height:32px;font-weight:700;margin:0;text-align:center;}
|
492 |
-
@media screen and (min-width:1024px){
|
493 |
-
.vertical-block h1{font-size:32px;line-height:40px;}
|
494 |
-
}
|
495 |
-
@media screen and (min-width:1200px){
|
496 |
-
.vertical-block h1{font-size:40px;line-height:48px;}
|
497 |
-
}
|
498 |
-
.vertical-block h2{color:#000;font-size:24px;line-height:32px;font-weight:600;margin-bottom:8px;margin-top:0;}
|
499 |
-
@media screen and (min-width:1088px){
|
500 |
-
.vertical-block h2{font-size:24px;line-height:32px;}
|
501 |
-
}
|
502 |
-
@media screen and (min-width:1024px){
|
503 |
-
.vertical-block h2{font-size:32px;line-height:40px;}
|
504 |
-
}
|
505 |
-
.vertical-block li,.vertical-block p{color:#000;font-size:14px;line-height:24px;margin:0 0 8px;}
|
506 |
-
@media screen and (min-width:1088px){
|
507 |
-
.vertical-block li,.vertical-block p{font-size:16px;line-height:32px;}
|
508 |
-
}
|
509 |
-
.vertical-block ul{margin-left:20px;}
|
510 |
-
.vertical-block__container{display:block;box-sizing:border-box;padding:0;}
|
511 |
-
.vertical-block__content{display:block;box-sizing:border-box;max-width:1140px;margin:0 auto;padding:0 16px;}
|
512 |
-
@media screen and (min-width:1088px){
|
513 |
-
.vertical-block__content{padding:0 32px;}
|
514 |
-
}
|
515 |
-
@media screen and (min-width:1200px){
|
516 |
-
.vertical-block__content{padding:0;}
|
517 |
-
}
|
518 |
-
.vertical-block .btn-block{font-size:16px;}
|
519 |
-
@media screen and (min-width:1088px){
|
520 |
-
.vertical-block .btn-block{font-size:14px;}
|
521 |
-
}
|
522 |
-
.vertical-block .slick-slider{position:relative;}
|
523 |
-
.vertical-block .slick-list{overflow:hidden;}
|
524 |
-
.vertical-block .slick-slide{display:inline-block;vertical-align:top;}
|
525 |
-
.vertical-block .slick-arrow{display:block;position:absolute;top:35%;width:48px;height:48px;padding:0;margin:0;border:0 none;border-radius:50%;font-size:0;color:transparent;background:url(https://don16obqbay2c.cloudfront.net/wp-content/themes/common/svg/arr-prev.svg) no-repeat center center #f9fafb;background-size:13px;z-index:10;}
|
526 |
-
.vertical-block .slick-arrow:active,.vertical-block .slick-arrow:hover{cursor:pointer;}
|
527 |
-
.vertical-block .slick-arrow.slick-prev{left:0;}
|
528 |
-
.vertical-block .slick-arrow.slick-next{right:0;background-image:url(https://don16obqbay2c.cloudfront.net/wp-content/themes/common/svg/arr-next.svg);}
|
529 |
-
.vertical-block .slick-dots{position:relative;left:auto;top:auto;display:block;bottom:0;width:100%;padding:0;list-style:none;text-align:center;margin:16px 0 0 0;}
|
530 |
-
@media screen and (min-width:1024px){
|
531 |
-
.vertical-block .slick-dots{margin-top:32px;}
|
532 |
-
}
|
533 |
-
.vertical-block .slick-dots li{display:inline-block;width:10px;height:10px;margin:0 7px;}
|
534 |
-
.vertical-block .slick-dots li.slick-active button::before{background:#454f5b;width:10px;height:10px;margin:0;transform:scale(1);}
|
535 |
-
.vertical-block .slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0;position:relative;}
|
536 |
-
.vertical-block .slick-dots li button::before{display:block;content:'';position:absolute;top:0;left:0;width:6px;height:6px;text-align:center;border-radius:50%;background-color:#454f5b;transition:all .2s ease-out;margin:2px;}
|
537 |
-
.vertical-header{margin-top:0;padding-top:0;padding-bottom:32px;}
|
538 |
-
@media screen and (min-width:1024px){
|
539 |
-
.vertical-header{padding-bottom:48px;}
|
540 |
-
}
|
541 |
-
.vertical-header__container{background-size:cover;background-repeat:no-repeat;background-position:center top;}
|
542 |
-
.vertical-header__content{display:block;}
|
543 |
-
@media screen and (min-width:1088px){
|
544 |
-
.vertical-header__content{display:flex;}
|
545 |
-
}
|
546 |
-
@media screen and (min-width:1088px){
|
547 |
-
.vertical-header__content h1{text-align:left;}
|
548 |
-
}
|
549 |
-
.vertical-header+.vertical-block{padding-top:0;}
|
550 |
-
.vertical-header__text{box-sizing:border-box;width:100%;padding:40px 0 24px;}
|
551 |
-
@media screen and (min-width:1088px){
|
552 |
-
.vertical-header__text{width:45%;padding:48px 0 40px;}
|
553 |
-
}
|
554 |
-
@media screen and (min-width:1024px){
|
555 |
-
.vertical-header__text{width:50%;padding:64px 0 56px;}
|
556 |
-
}
|
557 |
-
.vertical-header__small-text{display:inline-block;width:100%;margin-top:16px;font-size:14px;line-height:16px;text-align:center;}
|
558 |
-
@media screen and (min-width:1088px){
|
559 |
-
.vertical-header__small-text{text-align:left;}
|
560 |
-
}
|
561 |
-
.vertical-header__descr{font-size:14px;line-height:24px;margin:8px 0 0;text-align:center;}
|
562 |
-
@media screen and (min-width:1088px){
|
563 |
-
.vertical-header__descr{text-align:left;margin:16px 0 0;}
|
564 |
-
}
|
565 |
-
@media screen and (min-width:1024px){
|
566 |
-
.vertical-header__descr{font-size:16px;line-height:32px;}
|
567 |
-
}
|
568 |
-
.vertical-header__buttons{text-align:center;font-size:14px;}
|
569 |
-
@media screen and (min-width:1088px){
|
570 |
-
.vertical-header__buttons{text-align:left;}
|
571 |
-
}
|
572 |
-
.vertical-header .btn-block{margin-top:24px;}
|
573 |
-
@media screen and (min-width:1088px){
|
574 |
-
.vertical-header__img{padding-top:16px;padding-left:20px;}
|
575 |
-
}
|
576 |
-
@media screen and (min-width:1024px){
|
577 |
-
.vertical-header__img{padding-top:32px;}
|
578 |
-
}
|
579 |
-
.vertical-header__img-wrap{position:relative;height:100%;width:100%;text-align:center;}
|
580 |
-
.vertical-header__img-wrap img{max-width:400px;width:100%;margin:20px auto -40px;}
|
581 |
-
@media screen and (min-width:1088px){
|
582 |
-
.vertical-header__img-wrap img{margin:0;width:auto;max-width:10000px;position:absolute;left:0;top:40px;height:100%;}
|
583 |
-
}
|
584 |
-
.vertical-tile__content{display:flex;align-items:center;flex-direction:column;}
|
585 |
-
@media screen and (min-width:1024px){
|
586 |
-
.vertical-tile__content{flex-direction:row;}
|
587 |
-
}
|
588 |
-
@media screen and (min-width:1024px){
|
589 |
-
.vertical-tile__content .vertical-tile__header{text-align:left;}
|
590 |
-
}
|
591 |
-
.vertical-tile__header{margin:24px 0 16px;font-size:18px;line-height:24px;font-weight:600;color:#4a4a4a;text-align:center;}
|
592 |
-
@media screen and (min-width:1088px){
|
593 |
-
.vertical-tile__header{font-size:24px;line-height:32px;}
|
594 |
-
}
|
595 |
-
@media screen and (min-width:1024px){
|
596 |
-
.vertical-tile__header{margin:0 0 16px;}
|
597 |
-
}
|
598 |
-
.vertical-tile__header--mobile{display:block;}
|
599 |
-
@media screen and (min-width:1024px){
|
600 |
-
.vertical-tile__header--mobile{display:none;}
|
601 |
-
}
|
602 |
-
.vertical-tile__header--desktop{display:none;}
|
603 |
-
@media screen and (min-width:1024px){
|
604 |
-
.vertical-tile__header--desktop{display:block;}
|
605 |
-
}
|
606 |
-
.vertical-tile__child{width:100%;}
|
607 |
-
@media screen and (min-width:1200px){
|
608 |
-
.vertical-tile__child{width:50%;}
|
609 |
-
}
|
610 |
-
.vertical-tile__descr{color:#000;text-align:center;box-sizing:border-box;}
|
611 |
-
@media screen and (min-width:1088px){
|
612 |
-
.vertical-tile__descr{text-align:left;}
|
613 |
-
}
|
614 |
-
.vertical-tile__text{order:2;box-sizing:border-box;}
|
615 |
-
@media screen and (min-width:1024px){
|
616 |
-
.vertical-tile__text{order:1;width:50%;padding-right:30px;}
|
617 |
-
}
|
618 |
-
.vertical-tile__image{order:1;width:100%;padding:16px 0 24px;}
|
619 |
-
@media screen and (min-width:1024px){
|
620 |
-
.vertical-tile__image{order:2;width:50%;padding-bottom:0;}
|
621 |
-
}
|
622 |
-
.vertical-tile__image img{max-width:100%;max-height:160px;margin:0 auto;display:block;}
|
623 |
-
@media screen and (max-width:767px){
|
624 |
-
.vertical-tile__image img{width:auto!important;}
|
625 |
-
}
|
626 |
-
@media screen and (min-width:1024px){
|
627 |
-
.vertical-tile__image img{max-height:1000px;}
|
628 |
}
|
629 |
-
|
630 |
-
|
631 |
-
|
632 |
}
|
633 |
-
.
|
634 |
-
|
635 |
-
.vertical-tile__image--desktop{display:block;}
|
636 |
}
|
637 |
-
.
|
638 |
-
|
639 |
-
|
640 |
-
.vertical-showcase__images.slick-slider,.vertical-showcase__images.slick-slider.slick-dotted{margin-top:32px;}
|
641 |
}
|
642 |
-
|
643 |
-
|
644 |
-
|
645 |
}
|
646 |
-
|
647 |
-
|
|
|
648 |
}
|
649 |
-
|
650 |
-
.
|
651 |
-
|
652 |
-
.vertical-showcase__image.slick-slide a:hover .details{display:block;}
|
653 |
-
.vertical-showcase__image.slick-slide .details{display:none;position:absolute;width:100%;height:100%;top:0;left:0;font-size:11px;line-height:24px;color:#000;background:#fff;padding:32px 8px;box-sizing:border-box;cursor:pointer;}
|
654 |
-
.vertical-showcase__image.slick-slide .details .title{font-size:16px;font-weight:600;}
|
655 |
-
.vertical-showcase__image.slick-slide .details .link{color:#0064b8;word-wrap:break-word;}
|
656 |
-
.vertical-text{padding-top:0;}
|
657 |
-
.vertical-text__container{padding-top:32px;}
|
658 |
-
@media screen and (min-width:1088px){
|
659 |
-
.vertical-text__container{padding-top:48px;}
|
660 |
}
|
661 |
-
|
662 |
-
|
663 |
-
|
664 |
}
|
665 |
-
|
666 |
-
|
|
|
|
|
|
|
|
|
667 |
}
|
668 |
-
|
669 |
-
.
|
670 |
-
|
671 |
-
|
672 |
}
|
673 |
-
|
674 |
-
.
|
675 |
-
|
676 |
-
.slick-list:focus{outline:0;}
|
677 |
-
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
|
678 |
-
.slick-track::after,.slick-track::before{display:table;content:'';}
|
679 |
-
.slick-track::after{clear:both;}
|
680 |
-
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
|
681 |
-
.slick-slide:focus{outline:0;}
|
682 |
-
.slick-slide img{display:block;}
|
683 |
-
.slick-initialized .slick-slide{display:block;}
|
684 |
-
.slick-dotted.slick-slider{margin-bottom:30px;}
|
685 |
-
.slick-dots{position:relative;bottom:0;display:block;width:auto;padding:0;margin:0;list-style:none;text-align:center;}
|
686 |
-
@media (min-width:600px){
|
687 |
-
.slick-dots{position:absolute;top:37%;left:-20%;}
|
688 |
}
|
689 |
-
|
690 |
-
|
|
|
|
|
|
|
|
|
691 |
}
|
692 |
-
|
693 |
-
|
694 |
-
|
|
|
|
|
|
|
695 |
}
|
696 |
-
|
697 |
-
.
|
698 |
-
.
|
699 |
-
|
700 |
-
|
701 |
-
|
702 |
}
|
703 |
-
|
704 |
-
|
705 |
-
|
|
|
|
|
|
|
|
|
|
|
706 |
}
|
707 |
-
|
708 |
-
@
|
709 |
-
|
710 |
-
|
711 |
-
|
712 |
-
|
713 |
-
|
714 |
-
|
715 |
-
|
716 |
-
|
717 |
-
|
718 |
-
|
719 |
-
|
720 |
-
|
721 |
-
|
722 |
-
@
|
723 |
-
|
724 |
-
|
725 |
-
|
726 |
-
|
727 |
-
|
728 |
-
|
729 |
-
|
730 |
-
|
731 |
-
|
732 |
-
|
733 |
-
|
734 |
-
|
735 |
-
|
736 |
-
|
737 |
-
@font-face{
|
738 |
-
|
739 |
-
|
740 |
-
|
741 |
-
|
742 |
-
|
743 |
-
|
744 |
-
|
745 |
-
|
746 |
-
|
747 |
-
|
748 |
-
|
749 |
-
|
750 |
-
|
751 |
-
|
752 |
-
|
753 |
-
|
754 |
-
|
755 |
-
|
756 |
-
|
757 |
-
|
758 |
-
|
759 |
-
|
760 |
-
|
761 |
-
|
762 |
-
|
763 |
-
|
764 |
-
|
765 |
-
|
766 |
-
|
767 |
-
|
768 |
-
|
769 |
-
|
770 |
-
|
771 |
-
|
772 |
-
|
773 |
-
|
774 |
-
|
775 |
-
|
776 |
-
|
777 |
-
|
778 |
-
|
779 |
-
|
780 |
-
|
781 |
-
|
782 |
-
|
783 |
-
|
784 |
-
|
785 |
-
|
786 |
-
|
787 |
-
|
788 |
-
|
789 |
-
|
790 |
-
|
791 |
-
|
792 |
-
|
793 |
-
|
794 |
-
|
795 |
-
|
796 |
-
|
797 |
-
|
798 |
-
|
799 |
-
|
800 |
-
|
801 |
-
|
802 |
-
|
803 |
-
|
804 |
-
|
805 |
-
|
806 |
-
|
807 |
-
|
808 |
-
|
809 |
-
|
810 |
-
|
811 |
-
|
812 |
-
|
813 |
-
|
814 |
-
|
815 |
-
|
816 |
-
|
817 |
-
|
818 |
-
|
819 |
-
|
820 |
-
|
821 |
-
|
822 |
-
|
823 |
-
|
824 |
-
|
825 |
-
|
826 |
-
|
827 |
-
|
828 |
-
|
829 |
-
|
830 |
-
|
831 |
-
|
832 |
-
|
833 |
-
|
834 |
-
|
835 |
-
|
836 |
-
|
837 |
-
|
838 |
-
|
839 |
-
|
840 |
-
|
841 |
-
|
842 |
-
|
843 |
-
|
844 |
-
|
845 |
-
|
846 |
-
|
847 |
-
|
848 |
-
|
849 |
-
|
850 |
-
|
851 |
-
|
852 |
-
|
853 |
-
|
854 |
-
|
855 |
-
|
856 |
-
|
857 |
-
|
858 |
-
|
859 |
-
|
860 |
-
|
861 |
-
|
862 |
-
|
863 |
-
|
864 |
-
|
865 |
-
|
866 |
-
|
867 |
-
|
868 |
-
|
869 |
-
|
870 |
-
|
871 |
-
|
872 |
-
|
873 |
-
|
874 |
-
|
875 |
-
|
876 |
-
|
877 |
-
|
878 |
-
|
879 |
-
|
880 |
-
|
881 |
-
|
882 |
-
|
883 |
-
|
884 |
-
|
885 |
-
|
886 |
-
|
887 |
-
|
888 |
-
|
889 |
-
|
890 |
-
|
891 |
-
|
892 |
-
|
893 |
-
|
894 |
-
|
895 |
-
|
896 |
-
|
897 |
-
|
898 |
-
|
899 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/* http://meyerweb.com/eric/tools/css/reset/
|
2 |
+
* v2.0 | 20110126
|
3 |
+
* License: none (public domain) */
|
4 |
+
html, body, div, span, applet, object, iframe,
|
5 |
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
6 |
+
a, abbr, acronym, address, big, cite, code,
|
7 |
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
8 |
+
small, strike, strong, sub, sup, tt, var,
|
9 |
+
b, u, i, center,
|
10 |
+
dl, dt, dd, ol, ul, li,
|
11 |
+
fieldset, form, label, legend,
|
12 |
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
13 |
+
article, aside, canvas, details, embed,
|
14 |
+
figure, figcaption, footer, header, hgroup,
|
15 |
+
menu, nav, output, ruby, section, summary,
|
16 |
+
time, mark, audio, video, button {
|
17 |
+
margin: 0;
|
18 |
+
padding: 0;
|
19 |
+
border: 0;
|
20 |
+
font-size: 100%;
|
21 |
+
font: inherit;
|
22 |
+
box-sizing: border-box;
|
23 |
+
vertical-align: baseline; }
|
24 |
+
|
25 |
+
/* HTML5 display-role reset for older browsers */
|
26 |
+
article, aside, details, figcaption, figure,
|
27 |
+
footer, header, hgroup, menu, nav, section {
|
28 |
+
display: block; }
|
29 |
+
|
30 |
+
body {
|
31 |
+
line-height: 1; }
|
32 |
+
|
33 |
+
ol, ul {
|
34 |
+
list-style: none; }
|
35 |
+
|
36 |
+
blockquote, q {
|
37 |
+
quotes: none; }
|
38 |
+
|
39 |
+
blockquote:before, blockquote:after,
|
40 |
+
q:before, q:after {
|
41 |
+
content: "";
|
42 |
+
content: none; }
|
43 |
+
|
44 |
+
table {
|
45 |
+
border-collapse: collapse;
|
46 |
+
border-spacing: 0; }
|
47 |
+
|
48 |
+
body {
|
49 |
+
font-family: "Open sans", sans-serif;
|
50 |
+
font-weight: 400;
|
51 |
+
color: #363636;
|
52 |
+
min-width: 320px; }
|
53 |
+
|
54 |
+
.ecwid-thank {
|
55 |
+
padding-top: 36px; }
|
56 |
+
.ecwid-thank h1 {
|
57 |
+
text-align: center;
|
58 |
+
font-size: 34px;
|
59 |
+
color: #000000;
|
60 |
+
line-height: 1.4;
|
61 |
+
margin-bottom: 30px; }
|
62 |
+
@media (max-width: 767px) {
|
63 |
+
.ecwid-thank h1 {
|
64 |
+
font-size: 22px;
|
65 |
+
max-width: 490px;
|
66 |
+
padding: 0 2%;
|
67 |
+
margin: 0 auto 15px; }
|
68 |
+
.ecwid-thank h1 br {
|
69 |
+
display: none; } }
|
70 |
+
@media (max-width: 500px) {
|
71 |
+
.ecwid-thank h1 {
|
72 |
+
max-width: 320px; } }
|
73 |
+
.ecwid-thank h1 span {
|
74 |
+
display: block;
|
75 |
+
font-size: 14px;
|
76 |
+
text-align: left;
|
77 |
+
max-width: 500px;
|
78 |
+
margin: 14px auto; }
|
79 |
+
|
80 |
+
.ecwid-thank-steps {
|
81 |
+
margin: 0 auto 51px;
|
82 |
+
max-width: 1000px; }
|
83 |
+
@media (max-width: 767px) {
|
84 |
+
.ecwid-thank-steps {
|
85 |
+
max-width: 450px;
|
86 |
+
margin-bottom: 0;
|
87 |
+
padding: 0 2%; } }
|
88 |
+
.ecwid-thank-steps:after {
|
89 |
+
content: "";
|
90 |
+
display: table;
|
91 |
+
clear: both; }
|
92 |
+
|
93 |
+
.ecwid-thank-step {
|
94 |
+
text-align: center;
|
95 |
+
width: 33.33333%;
|
96 |
+
float: left;
|
97 |
+
position: relative;
|
98 |
+
padding: 0 2%; }
|
99 |
+
.ecwid-thank-step.active .ecwid-thank-step-image:before {
|
100 |
+
position: absolute;
|
101 |
+
content: url("../images/landing/correct.svg");
|
102 |
+
width: 17px;
|
103 |
+
left: 61%; }
|
104 |
+
.ecwid-thank-step.active .ecwid-thank-step-image img.none-active {
|
105 |
+
display: none; }
|
106 |
+
.ecwid-thank-step.active .ecwid-thank-step-image img.active {
|
107 |
+
display: inline-block; }
|
108 |
+
@media (max-width: 767px) {
|
109 |
+
.ecwid-thank-step {
|
110 |
+
display: none; } }
|
111 |
+
.ecwid-thank-step .ecwid-thank-step-image {
|
112 |
+
height: 92px;
|
113 |
+
position: relative; }
|
114 |
+
.ecwid-thank-step .ecwid-thank-step-image:after {
|
115 |
+
content: "";
|
116 |
+
position: absolute;
|
117 |
+
overflow: hidden; }
|
118 |
+
@media (min-width: 768px) {
|
119 |
+
.ecwid-thank-step .ecwid-thank-step-image:after {
|
120 |
+
top: 40px;
|
121 |
+
left: 77%;
|
122 |
+
width: 64%;
|
123 |
+
height: 7px;
|
124 |
+
background: url("../images/landing/arrow.png") center right; } }
|
125 |
+
.ecwid-thank-step img {
|
126 |
+
margin: 3px 0 10px; }
|
127 |
+
.ecwid-thank-step img.active {
|
128 |
+
display: none; }
|
129 |
+
.ecwid-thank-step h2 {
|
130 |
+
font-size: 18px;
|
131 |
+
line-height: 1.5;
|
132 |
+
margin-bottom: 6px; }
|
133 |
+
.ecwid-thank-step p {
|
134 |
+
font-size: 14px;
|
135 |
+
line-height: 1.5; }
|
136 |
+
.ecwid-thank-step.ecwid-thank-step-one img {
|
137 |
+
height: 77px; }
|
138 |
+
.ecwid-thank-step.ecwid-thank-step-two img {
|
139 |
+
height: 60px;
|
140 |
+
margin-top: 13px; }
|
141 |
+
.ecwid-thank-step.ecwid-thank-step-three .ecwid-thank-step-image:after {
|
142 |
+
display: none; }
|
143 |
+
.ecwid-thank-step.ecwid-thank-step-three h2 {
|
144 |
+
font-weight: 600; }
|
145 |
+
.ecwid-thank-step.ecwid-thank-step-three img {
|
146 |
+
height: 82px; }
|
147 |
+
|
148 |
+
.ecwid-thank-background {
|
149 |
+
background: url("../images/landing/background-think.jpg");
|
150 |
+
background-size: cover; }
|
151 |
+
@media (min-width: 768px) {
|
152 |
+
.ecwid-thank-background {
|
153 |
+
background-position: center bottom; } }
|
154 |
+
@media (min-width: 1440px) {
|
155 |
+
.ecwid-thank-background {
|
156 |
+
background-position: left bottom; } }
|
157 |
+
.ecwid-thank-background .ecwid-thank-background-tablet {
|
158 |
+
padding: 52px 5% 0; }
|
159 |
+
.ecwid-thank-background .ecwid-thank-background-tablet img {
|
160 |
+
display: block;
|
161 |
+
margin: 0 auto;
|
162 |
+
max-width: 100%; }
|
163 |
+
|
164 |
+
.ecwid-description {
|
165 |
+
padding: 0 2%; }
|
166 |
+
.ecwid-description:after {
|
167 |
+
content: "";
|
168 |
+
display: table;
|
169 |
+
clear: both; }
|
170 |
+
|
171 |
+
.ecwid-description-inner {
|
172 |
+
max-width: 930px;
|
173 |
+
margin: 0 auto;
|
174 |
+
table-layout: fixed;
|
175 |
+
width: 100%; }
|
176 |
+
@media (min-width: 768px) {
|
177 |
+
.ecwid-description-inner {
|
178 |
+
display: table;
|
179 |
+
padding-top: 35px; } }
|
180 |
+
@media (min-width: 992px) {
|
181 |
+
.ecwid-description-inner {
|
182 |
+
padding-top: 95px; } }
|
183 |
+
@media (max-width: 767px) {
|
184 |
+
.ecwid-description-inner {
|
185 |
+
display: -webkit-flex;
|
186 |
+
display: -ms-flexbox;
|
187 |
+
display: flex;
|
188 |
+
-webkit-flex-direction: column-reverse;
|
189 |
+
-ms-flex-direction: column-reverse;
|
190 |
+
flex-direction: column-reverse; } }
|
191 |
+
|
192 |
+
.ecwid-description-image {
|
193 |
+
padding-right: 5%;
|
194 |
+
vertical-align: bottom; }
|
195 |
+
@media (min-width: 768px) {
|
196 |
+
.ecwid-description-image {
|
197 |
+
display: table-cell;
|
198 |
+
width: 60%; } }
|
199 |
+
@media (min-width: 992px) {
|
200 |
+
.ecwid-description-image {
|
201 |
+
width: 65%; } }
|
202 |
+
@media (max-width: 767px) {
|
203 |
+
.ecwid-description-image {
|
204 |
+
width: 100%;
|
205 |
+
padding: 0 4%; } }
|
206 |
+
.ecwid-description-image img {
|
207 |
+
display: block;
|
208 |
+
max-width: 100%; }
|
209 |
+
@media (max-width: 767px) {
|
210 |
+
.ecwid-description-image img {
|
211 |
+
margin: 0 auto; } }
|
212 |
+
|
213 |
+
.ecwid-description-text {
|
214 |
+
padding-top: 35px;
|
215 |
+
padding-bottom: 35px; }
|
216 |
+
@media (min-width: 768px) {
|
217 |
+
.ecwid-description-text {
|
218 |
+
width: 40%;
|
219 |
+
display: table-cell;
|
220 |
+
vertical-align: middle; } }
|
221 |
+
@media (min-width: 992px) {
|
222 |
+
.ecwid-description-text {
|
223 |
+
width: 35%;
|
224 |
+
vertical-align: baseline; } }
|
225 |
+
@media (max-width: 767px) {
|
226 |
+
.ecwid-description-text {
|
227 |
+
padding: 44px 4% 0;
|
228 |
+
max-width: 500px;
|
229 |
+
margin: 0 auto 50px;
|
230 |
+
width: 100%; } }
|
231 |
+
.ecwid-description-text h2 {
|
232 |
+
line-height: 1.2;
|
233 |
+
margin-bottom: 18px; }
|
234 |
+
@media (min-width: 768px) {
|
235 |
+
.ecwid-description-text h2 {
|
236 |
+
font-size: 24px; } }
|
237 |
+
@media (min-width: 992px) {
|
238 |
+
.ecwid-description-text h2 {
|
239 |
+
font-size: 28px; } }
|
240 |
+
@media (max-width: 767px) {
|
241 |
+
.ecwid-description-text h2 {
|
242 |
+
font-size: 22px;
|
243 |
+
text-align: center; } }
|
244 |
+
.ecwid-description-text p {
|
245 |
+
font-size: 14px;
|
246 |
+
line-height: 1.5;
|
247 |
+
padding: 0.8em 0; }
|
248 |
+
|
249 |
+
.ecwid-features {
|
250 |
+
background-color: #F4F4F4;
|
251 |
+
padding: 44px 0 60px; }
|
252 |
+
@media (max-width: 767px) {
|
253 |
+
.ecwid-features {
|
254 |
+
padding-bottom: 9px; } }
|
255 |
+
.ecwid-features h2 {
|
256 |
+
font-size: 28px;
|
257 |
+
color: #1F1F1F;
|
258 |
+
font-weight: 400;
|
259 |
+
text-align: center;
|
260 |
+
margin-bottom: 62px; }
|
261 |
+
@media (max-width: 767px) {
|
262 |
+
.ecwid-features h2 {
|
263 |
+
font-size: 22px;
|
264 |
+
margin-bottom: 40px; } }
|
265 |
+
|
266 |
+
.ecwid-features-inner {
|
267 |
+
margin: 0 auto;
|
268 |
+
max-width: 930px;
|
269 |
+
padding: 0 3%; }
|
270 |
+
|
271 |
+
.ecwid-features-top {
|
272 |
+
margin-bottom: 70px; }
|
273 |
+
@media (max-width: 767px) {
|
274 |
+
.ecwid-features-top {
|
275 |
+
margin-bottom: 0; } }
|
276 |
+
.ecwid-features-top:after {
|
277 |
+
content: "";
|
278 |
+
display: table;
|
279 |
+
clear: both; }
|
280 |
+
.ecwid-features-top .ecwid-features-top-item {
|
281 |
+
width: 50%;
|
282 |
+
float: left;
|
283 |
+
text-align: center; }
|
284 |
+
@media (max-width: 767px) {
|
285 |
+
.ecwid-features-top .ecwid-features-top-item {
|
286 |
+
padding: 0 2%;
|
287 |
+
width: 100%;
|
288 |
+
max-width: 320px;
|
289 |
+
margin: 0 auto 35px;
|
290 |
+
float: none; } }
|
291 |
+
.ecwid-features-top .ecwid-features-top-item .ecwid-features-top-item-image {
|
292 |
+
height: 82px; }
|
293 |
+
@media (max-width: 767px) {
|
294 |
+
.ecwid-features-top .ecwid-features-top-item .ecwid-features-top-item-image {
|
295 |
+
height: 75px; } }
|
296 |
+
.ecwid-features-top .ecwid-features-top-item img {
|
297 |
+
height: 61px;
|
298 |
+
margin-bottom: 36px; }
|
299 |
+
@media (max-width: 767px) {
|
300 |
+
.ecwid-features-top .ecwid-features-top-item img {
|
301 |
+
margin-bottom: 20px; } }
|
302 |
+
.ecwid-features-top .ecwid-features-top-item img.gift {
|
303 |
+
height: 80px;
|
304 |
+
margin-top: -10px; }
|
305 |
+
.ecwid-features-top .ecwid-features-top-item h3 {
|
306 |
+
font-size: 21px;
|
307 |
+
font-weight: 600;
|
308 |
+
margin-bottom: 15px; }
|
309 |
+
@media (max-width: 767px) {
|
310 |
+
.ecwid-features-top .ecwid-features-top-item h3 {
|
311 |
+
font-size: 18px;
|
312 |
+
margin-bottom: 6px; } }
|
313 |
+
.ecwid-features-top .ecwid-features-top-item p {
|
314 |
+
font-size: 14px;
|
315 |
+
line-height: 1.45; }
|
316 |
+
@media (max-width: 767px) {
|
317 |
+
.ecwid-features-top .ecwid-features-top-item p {
|
318 |
+
font-size: 13px; } }
|
319 |
+
|
320 |
+
.ecwid-features-bottom:after {
|
321 |
+
content: "";
|
322 |
+
display: table;
|
323 |
+
clear: both; }
|
324 |
+
.ecwid-features-bottom .ecwid-features-bottom-item {
|
325 |
+
width: 33.33333%;
|
326 |
+
float: left;
|
327 |
+
text-align: center; }
|
328 |
+
@media (max-width: 767px) {
|
329 |
+
.ecwid-features-bottom .ecwid-features-bottom-item {
|
330 |
+
float: none;
|
331 |
+
width: 100%;
|
332 |
+
max-width: 270px;
|
333 |
+
margin: 0 auto 35px; } }
|
334 |
+
.ecwid-features-bottom .ecwid-features-bottom-item .ecwid-features-bottom-item-image {
|
335 |
+
height: 82px; }
|
336 |
+
@media (max-width: 767px) {
|
337 |
+
.ecwid-features-bottom .ecwid-features-bottom-item .ecwid-features-bottom-item-image {
|
338 |
+
height: 75px; } }
|
339 |
+
.ecwid-features-bottom .ecwid-features-bottom-item img {
|
340 |
+
height: 63px;
|
341 |
+
margin-bottom: 17px; }
|
342 |
+
.ecwid-features-bottom .ecwid-features-bottom-item img.secure {
|
343 |
+
height: 67px; }
|
344 |
+
@media (min-width: 768px) {
|
345 |
+
.ecwid-features-bottom .ecwid-features-bottom-item img.secure {
|
346 |
+
margin-top: -8px; } }
|
347 |
+
.ecwid-features-bottom .ecwid-features-bottom-item h3 {
|
348 |
+
font-size: 18px;
|
349 |
+
font-weight: 600;
|
350 |
+
margin-bottom: 6px; }
|
351 |
+
.ecwid-features-bottom .ecwid-features-bottom-item p {
|
352 |
+
font-size: 14px;
|
353 |
+
line-height: 1.45; }
|
354 |
+
@media (max-width: 767px) {
|
355 |
+
.ecwid-features-bottom .ecwid-features-bottom-item p {
|
356 |
+
font-size: 13px; }
|
357 |
+
.ecwid-features-bottom .ecwid-features-bottom-item p br {
|
358 |
+
display: none; } }
|
359 |
+
|
360 |
+
.ecwid-start {
|
361 |
+
text-align: center;
|
362 |
+
padding: 64px 0 194px; }
|
363 |
+
@media (max-width: 767px) {
|
364 |
+
.ecwid-start {
|
365 |
+
padding: 44px 0 64px; }
|
366 |
+
.ecwid-start .ecwid-button .button {
|
367 |
+
margin-bottom: 29px; } }
|
368 |
+
.ecwid-start:after {
|
369 |
+
content: "";
|
370 |
+
display: table;
|
371 |
+
clear: both; }
|
372 |
+
.ecwid-start h2 {
|
373 |
+
font-size: 28px;
|
374 |
+
line-height: 1.4;
|
375 |
+
margin-bottom: 32px; }
|
376 |
+
@media (max-width: 767px) {
|
377 |
+
.ecwid-start h2 {
|
378 |
+
font-size: 22px;
|
379 |
+
padding: 0 2%;
|
380 |
+
margin-bottom: 1px; } }
|
381 |
+
|
382 |
+
.ecwid-button {
|
383 |
+
text-align: center; }
|
384 |
+
.ecwid-button a,
|
385 |
+
.ecwid-button button {
|
386 |
+
background-image: none; }
|
387 |
+
.ecwid-button .button {
|
388 |
+
border-radius: 4px;
|
389 |
+
border: 0;
|
390 |
+
font-size: 20px;
|
391 |
+
color: #ffffff;
|
392 |
+
line-height: 2.6;
|
393 |
+
letter-spacing: 0.01em;
|
394 |
+
padding: 0.12em 1.5em;
|
395 |
+
margin-bottom: 46px;
|
396 |
+
outline: none;
|
397 |
+
cursor: pointer; }
|
398 |
+
@media (max-width: 767px) {
|
399 |
+
.ecwid-button .button {
|
400 |
+
font-size: 18px;
|
401 |
+
margin-top: 25px;
|
402 |
+
margin-bottom: 14px;
|
403 |
+
padding: 0.12em 1em; } }
|
404 |
+
@media (max-width: 500px) {
|
405 |
+
.ecwid-button .button {
|
406 |
+
font-size: 16px; } }
|
407 |
+
.ecwid-button .button:hover {
|
408 |
+
opacity: 0.8; }
|
409 |
+
.ecwid-button .button.button--blue {
|
410 |
+
background-color: #189DEE; }
|
411 |
+
.ecwid-button .button.button--green {
|
412 |
+
background-color: #59BB00; }
|
413 |
+
.ecwid-button .button-description-mobile {
|
414 |
+
font-size: 12px;
|
415 |
+
line-height: 1.5;
|
416 |
+
margin-bottom: 38px;
|
417 |
+
color: #999; }
|
418 |
+
.ecwid-button .button-description-mobile h3 {
|
419 |
+
font-size: 18px;
|
420 |
+
color: #363636;
|
421 |
+
font-weight: 600;
|
422 |
+
margin-bottom: -70px; }
|
423 |
+
@media (min-width: 768px) {
|
424 |
+
.ecwid-button .button-description-mobile {
|
425 |
+
display: none; } }
|
426 |
+
.ecwid-button .ecwid-button-description {
|
427 |
+
font-size: 14px; }
|
428 |
+
.ecwid-button .ecwid-button-description a {
|
429 |
+
display: block;
|
430 |
+
font-size: 20px;
|
431 |
+
color: #288FB5;
|
432 |
+
margin-top: 12px;
|
433 |
+
text-decoration: none; }
|
434 |
+
.ecwid-button .ecwid-button-description a:hover {
|
435 |
+
opacity: 0.8; }
|
436 |
+
@media (max-width: 767px) {
|
437 |
+
.ecwid-button .ecwid-button-description a {
|
438 |
+
margin-bottom: 10px;
|
439 |
+
font-size: 18px; } }
|
440 |
+
|
441 |
+
|
442 |
+
/*
|
443 |
+
* Adapt landing to wordpress actual environment
|
444 |
+
*/
|
445 |
+
.ecwid-button .button {
|
446 |
+
height: auto;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
447 |
}
|
448 |
+
|
449 |
+
#wpcontent {
|
450 |
+
padding-left: 0px;
|
451 |
}
|
452 |
+
.ecwid-landing {
|
453 |
+
background: white;
|
|
|
454 |
}
|
455 |
+
ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu>li.current>a.current:after
|
456 |
+
{
|
457 |
+
border-right-color:white;
|
|
|
458 |
}
|
459 |
+
|
460 |
+
.ecwid-landing .on-error {
|
461 |
+
display: none;
|
462 |
}
|
463 |
+
|
464 |
+
.ecwid-landing.conn-error .on-error {
|
465 |
+
display: inherit;
|
466 |
}
|
467 |
+
|
468 |
+
.ecwid-landing.conn-error .on-no-error {
|
469 |
+
display: none;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
470 |
}
|
471 |
+
|
472 |
+
.ecwid-button .ecwid-connection-error {
|
473 |
+
color: red;
|
474 |
}
|
475 |
+
|
476 |
+
@media (min-width: 768px) {
|
477 |
+
.ecwid-button .ecwid-connection-error {
|
478 |
+
position: relative;
|
479 |
+
margin-bottom: 8px;
|
480 |
+
}
|
481 |
}
|
482 |
+
|
483 |
+
.ecwid-landing a:focus {
|
484 |
+
outline: 0px none;
|
485 |
+
box-shadow: none;
|
486 |
}
|
487 |
+
|
488 |
+
.ecwid-landing .button:hover {
|
489 |
+
color: white;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
490 |
}
|
491 |
+
|
492 |
+
.ecwid-landing .ecwid-button .btn {
|
493 |
+
width: 300px;
|
494 |
+
margin-bottom: 40px;
|
495 |
+
height: 59px;
|
496 |
+
font-size: 20px;
|
497 |
}
|
498 |
+
|
499 |
+
.ecwid-button .create-store-loading,
|
500 |
+
.ecwid-button .create-store-loading-note,
|
501 |
+
.ecwid-button .create-store-success-note,
|
502 |
+
.ecwid-button .create-store-success {
|
503 |
+
display: none;
|
504 |
}
|
505 |
+
|
506 |
+
.ecwid-button .create-store-loading-note,
|
507 |
+
.ecwid-button .create-store-success-note
|
508 |
+
{
|
509 |
+
margin-top: -20px;
|
510 |
+
margin-bottom: 32px;
|
511 |
}
|
512 |
+
|
513 |
+
|
514 |
+
/* loose copy of ecwid css framework */
|
515 |
+
|
516 |
+
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300&subset=latin,latin-ext,cyrillic');
|
517 |
+
|
518 |
+
.btn {
|
519 |
+
font-family: 'Open Sans';
|
520 |
}
|
521 |
+
|
522 |
+
@keyframes spinleft {
|
523 |
+
0% {
|
524 |
+
transform: rotate(360deg); }
|
525 |
+
|
526 |
+
100% {
|
527 |
+
transform: rotate(0deg); } }
|
528 |
+
|
529 |
+
@-webkit-keyframes spinleft {
|
530 |
+
0% {
|
531 |
+
-webkit-transform: rotate(360deg); }
|
532 |
+
|
533 |
+
100% {
|
534 |
+
-webkit-transform: rotate(0deg); } }
|
535 |
+
|
536 |
+
@keyframes spinright {
|
537 |
+
0% {
|
538 |
+
transform: rotate(0deg); }
|
539 |
+
|
540 |
+
100% {
|
541 |
+
transform: rotate(360deg); } }
|
542 |
+
|
543 |
+
@-webkit-keyframes spinright {
|
544 |
+
0% {
|
545 |
+
-webkit-transform: rotate(0deg); }
|
546 |
+
|
547 |
+
100% {
|
548 |
+
-webkit-transform: rotate(360deg); } }
|
549 |
+
|
550 |
+
/* Iconic font */
|
551 |
+
@font-face {
|
552 |
+
font-family: 'font_icons';
|
553 |
+
src: url('//s3.amazonaws.com/myecwidcom-static/static/fonts/icons/v13/fontIcons.eot');
|
554 |
+
src: url('//s3.amazonaws.com/myecwidcom-static/static/fonts/icons/v13/fontIcons.eot?#iefix') format('embedded-opentype'), url('//s3.amazonaws.com/myecwidcom-static/static/fonts/icons/v13/fontIcons.ttf') format('truetype'), url('//s3.amazonaws.com/myecwidcom-static/static/fonts/icons/v13/fontIcons.woff') format('woff'), url('//s3.amazonaws.com/myecwidcom-static/static/fonts/icons/v13/fontIcons.svg#icomoon') format('svg');
|
555 |
+
font-weight: normal;
|
556 |
+
font-style: normal; }
|
557 |
+
|
558 |
+
.ecwid-button [class*="icon-"] {
|
559 |
+
display: inline-block;
|
560 |
+
text-transform: none;
|
561 |
+
font-weight: normal;
|
562 |
+
font-style: normal;
|
563 |
+
font-variant: normal;
|
564 |
+
font-family: 'font_icons';
|
565 |
+
line-height: 1;
|
566 |
+
speak: none;
|
567 |
+
-webkit-font-smoothing: antialiased;
|
568 |
+
-moz-osx-font-smoothing: grayscale;
|
569 |
+
-webkit-transition: color .1s linear;
|
570 |
+
transition: color .1s linear; }
|
571 |
+
|
572 |
+
.icon-odn:before {
|
573 |
+
content: "\e639"; }
|
574 |
+
|
575 |
+
.icon-vk:before {
|
576 |
+
content: "\e63a"; }
|
577 |
+
|
578 |
+
.icon-customer_groups:before {
|
579 |
+
content: "\e62e"; }
|
580 |
+
|
581 |
+
.icon-unfinished:before {
|
582 |
+
content: "\e62d"; }
|
583 |
+
|
584 |
+
.icon-table_cake:before {
|
585 |
+
content: "\e62c"; }
|
586 |
+
|
587 |
+
.icon-coupons:before {
|
588 |
+
content: "\e63b"; }
|
589 |
+
|
590 |
+
.icon-discounts:before {
|
591 |
+
content: "\e63c"; }
|
592 |
+
|
593 |
+
.icon-marketplaces:before {
|
594 |
+
content: "\e63d"; }
|
595 |
+
|
596 |
+
.icon-odn:before {
|
597 |
+
content: "\e639"; }
|
598 |
+
|
599 |
+
.icon-vk:before {
|
600 |
+
content: "\e63a"; }
|
601 |
+
|
602 |
+
.icon-appointment:before {
|
603 |
+
content: "\e62b"; }
|
604 |
+
|
605 |
+
.icon-trash:before {
|
606 |
+
content: "\e62a"; }
|
607 |
+
|
608 |
+
.icon-lock:before {
|
609 |
+
content: "\e621"; }
|
610 |
+
|
611 |
+
.icon-letter:before {
|
612 |
+
content: "\e629"; }
|
613 |
+
|
614 |
+
.icon-vend:before {
|
615 |
+
content: "\e628"; }
|
616 |
+
|
617 |
+
.icon-apple:before {
|
618 |
+
content: "\e624"; }
|
619 |
+
|
620 |
+
.icon-discount:before {
|
621 |
+
content: "\e625"; }
|
622 |
+
|
623 |
+
.icon-bag:before {
|
624 |
+
content: "\e626"; }
|
625 |
+
|
626 |
+
.icon-phone:before {
|
627 |
+
content: "\e627"; }
|
628 |
+
|
629 |
+
.icon-speaker:before {
|
630 |
+
content: "\e622"; }
|
631 |
+
|
632 |
+
.icon-warning:before {
|
633 |
+
content: "\e623"; }
|
634 |
+
|
635 |
+
.icon-lock:before {
|
636 |
+
content: "\e621"; }
|
637 |
+
|
638 |
+
.icon-radiobutton-checked:before {
|
639 |
+
content: "\e61e"; }
|
640 |
+
|
641 |
+
.icon-radiobutton-unchecked:before {
|
642 |
+
content: "\e61f"; }
|
643 |
+
|
644 |
+
.icon-update:before {
|
645 |
+
content: "\e620"; }
|
646 |
+
|
647 |
+
.icon-settings:before {
|
648 |
+
content: "\e619"; }
|
649 |
+
|
650 |
+
.icon-main-menu:before {
|
651 |
+
content: "\e61a"; }
|
652 |
+
|
653 |
+
.icon-sales:before {
|
654 |
+
content: "\e61b"; }
|
655 |
+
|
656 |
+
.icon-chart:before {
|
657 |
+
content: "\e61c"; }
|
658 |
+
|
659 |
+
.icon-home:before {
|
660 |
+
content: "\e61d"; }
|
661 |
+
|
662 |
+
.icon-print:before {
|
663 |
+
content: "\e618"; }
|
664 |
+
|
665 |
+
.icon-search:before {
|
666 |
+
content: "\e617"; }
|
667 |
+
|
668 |
+
.icon-calendar:before {
|
669 |
+
content: "\e616"; }
|
670 |
+
|
671 |
+
.icon-show:before {
|
672 |
+
content: "\e010"; }
|
673 |
+
|
674 |
+
.icon-hide:before {
|
675 |
+
content: "\e011"; }
|
676 |
+
|
677 |
+
.icon-star:before {
|
678 |
+
content: "\e615"; }
|
679 |
+
|
680 |
+
.icon-edit:before {
|
681 |
+
content: "\e614"; }
|
682 |
+
|
683 |
+
.icon-categories:before {
|
684 |
+
content: "\e613"; }
|
685 |
+
|
686 |
+
.icon-arrange:before {
|
687 |
+
content: "\e612"; }
|
688 |
+
|
689 |
+
.icon-menu:before {
|
690 |
+
content: "\e611"; }
|
691 |
+
|
692 |
+
.icon-import:before {
|
693 |
+
content: "\e610"; }
|
694 |
+
|
695 |
+
.icon-gallery:before {
|
696 |
+
content: "\e60f"; }
|
697 |
+
|
698 |
+
.icon-enable-all:before {
|
699 |
+
content: "\e60e"; }
|
700 |
+
|
701 |
+
.icon-disable-all:before {
|
702 |
+
content: "\e60d"; }
|
703 |
+
|
704 |
+
.icon-next:before {
|
705 |
+
content: "\e000"; }
|
706 |
+
|
707 |
+
.icon-previous:before {
|
708 |
+
content: "\e00a"; }
|
709 |
+
|
710 |
+
.icon-store:before {
|
711 |
+
content: "\e001"; }
|
712 |
+
|
713 |
+
.icon-megaphone:before {
|
714 |
+
content: "\e002"; }
|
715 |
+
|
716 |
+
.icon-product:before {
|
717 |
+
content: "\e003"; }
|
718 |
+
|
719 |
+
.icon-geo:before {
|
720 |
+
content: "\e004"; }
|
721 |
+
|
722 |
+
.icon-shipping:before {
|
723 |
+
content: "\e005"; }
|
724 |
+
|
725 |
+
.icon-payments:before {
|
726 |
+
content: "\e006"; }
|
727 |
+
|
728 |
+
.icon-launch:before {
|
729 |
+
content: "\e007"; }
|
730 |
+
|
731 |
+
.icon-share:before {
|
732 |
+
content: "\e008"; }
|
733 |
+
|
734 |
+
.icon-facebook:before {
|
735 |
+
content: "\e009"; }
|
736 |
+
|
737 |
+
.icon-fb:before {
|
738 |
+
content: "\e00b"; }
|
739 |
+
|
740 |
+
.icon-twitter:before {
|
741 |
+
content: "\e00c"; }
|
742 |
+
|
743 |
+
.icon-chain:before {
|
744 |
+
content: "\e00d"; }
|
745 |
+
|
746 |
+
.icon-checkmark:before {
|
747 |
+
content: "\e00f"; }
|
748 |
+
|
749 |
+
.icon-close:before {
|
750 |
+
content: "\e014"; }
|
751 |
+
|
752 |
+
.icon-sort:before {
|
753 |
+
content: "\f0dc"; }
|
754 |
+
|
755 |
+
.icon-box:before {
|
756 |
+
content: "\e00e"; }
|
757 |
+
|
758 |
+
.icon-cloud:before {
|
759 |
+
content: "\e012"; }
|
760 |
+
|
761 |
+
.icon-rates:before {
|
762 |
+
content: "\e015"; }
|
763 |
+
|
764 |
+
.icon-upload:before {
|
765 |
+
content: "\e013"; }
|
766 |
+
|
767 |
+
.icon-arr-down:before {
|
768 |
+
content: "\e018"; }
|
769 |
+
|
770 |
+
.icon-dropdown:before {
|
771 |
+
content: "\e016"; }
|
772 |
+
|
773 |
+
.icon-cash:before {
|
774 |
+
content: "\e019"; }
|
775 |
+
|
776 |
+
.icon-check:before {
|
777 |
+
content: "\e01a"; }
|
778 |
+
|
779 |
+
.icon-google:before {
|
780 |
+
content: "\e600"; }
|
781 |
+
|
782 |
+
.icon-paypal:before {
|
783 |
+
content: "\e601"; }
|
784 |
+
|
785 |
+
.icon-envelope:before {
|
786 |
+
content: "\e603"; }
|
787 |
+
|
788 |
+
.icon-help:before {
|
789 |
+
content: "\e602"; }
|
790 |
+
|
791 |
+
.icon-chat:before {
|
792 |
+
content: "\e604"; }
|
793 |
+
|
794 |
+
.icon-arr-left:before {
|
795 |
+
content: "\e605"; }
|
796 |
+
|
797 |
+
.icon-arr-right:before {
|
798 |
+
content: "\e606"; }
|
799 |
+
|
800 |
+
.icon-arr-up:before {
|
801 |
+
content: "\e609"; }
|
802 |
+
|
803 |
+
.icon-open:before {
|
804 |
+
content: "\e608"; }
|
805 |
+
|
806 |
+
.icon-user:before {
|
807 |
+
content: "\e607"; }
|
808 |
+
|
809 |
+
.icon-tumbler:before {
|
810 |
+
content: "\e60a"; }
|
811 |
+
|
812 |
+
.icon-taxes:before {
|
813 |
+
content: "\e60b"; }
|
814 |
+
|
815 |
+
.icon-ecwid:before {
|
816 |
+
content: "\e60c"; }
|
817 |
+
|
818 |
+
.btn {
|
819 |
+
display: inline-block;
|
820 |
+
margin: 0;
|
821 |
+
border: 1px solid transparent;
|
822 |
+
vertical-align: middle;
|
823 |
+
text-align: center;
|
824 |
+
cursor: pointer;
|
825 |
+
outline: 0;
|
826 |
+
text-decoration: none;
|
827 |
+
white-space: nowrap;
|
828 |
+
*display: inline;
|
829 |
+
*margin-left: .3em;
|
830 |
+
*zoom: 1;
|
831 |
+
-moz-box-sizing: border-box;
|
832 |
+
box-sizing: border-box;
|
833 |
+
font-size: 0.813em;
|
834 |
+
padding: 4px 10px;
|
835 |
+
border-radius: 3px;
|
836 |
+
line-height: 1.7em;
|
837 |
+
height: 2.462em;
|
838 |
+
min-width: 7.385em;
|
839 |
+
color: #333;
|
840 |
+
background-color: #f6f6f6;
|
841 |
+
border-color: transparent;
|
842 |
+
-webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear;
|
843 |
+
transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; }
|
844 |
+
.btn:focus, .btn.focus, .btn.btn-loading, .btn.btn-loading:hover, .btn.btn-loading:focus, .btn.btn-loading:focus:hover, .btn.btn-loading:active, .btn.btn-loading:focus:active, .btn-group.opened .btn.btn-dropdown {
|
845 |
+
border-width: 2px;
|
846 |
+
padding: 3px 9px; }
|
847 |
+
.btn:hover {
|
848 |
+
background-color: #c4c4c4; }
|
849 |
+
.btn:focus {
|
850 |
+
border-color: #acacac; }
|
851 |
+
.btn:focus:hover {
|
852 |
+
background-color: #c4c4c4; }
|
853 |
+
.btn:active {
|
854 |
+
background-color: #f7f7f7; }
|
855 |
+
.btn:focus:active {
|
856 |
+
background-color: #f7f7f7; }
|
857 |
+
.btn.btn-loading, .btn.btn-loading:hover, .btn.btn-loading:focus, .btn.btn-loading:focus:hover, .btn.btn-loading:active, .btn.btn-loading:focus:active {
|
858 |
+
position: relative;
|
859 |
+
background-color: #f7f7f7;
|
860 |
+
border-color: transparent;
|
861 |
+
overflow: visible; }
|
862 |
+
.btn-group.opened .btn.btn-dropdown {
|
863 |
+
border-color: #acacac; }
|
864 |
+
.btn.btn-loading .loader-inner, .btn.btn-loading .loader-outer, .btn.btn-loading:hover .loader-inner, .btn.btn-loading:hover .loader-outer, .btn.btn-loading:focus .loader-inner, .btn.btn-loading:focus .loader-outer, .btn.btn-loading:focus:hover .loader-inner, .btn.btn-loading:focus:hover .loader-outer, .btn.btn-loading:active .loader-inner, .btn.btn-loading:active .loader-outer, .btn.btn-loading:focus:active .loader-inner, .btn.btn-loading:focus:active .loader-outer {
|
865 |
+
fill: #f7f7f7; }
|
866 |
+
.btn:first-child {
|
867 |
+
*margin-left: 0; }
|
868 |
+
.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:focus:hover, .btn[disabled]:active, .btn[disabled]:focus:active {
|
869 |
+
cursor: default;
|
870 |
+
opacity: .3;
|
871 |
+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
|
872 |
+
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
|
873 |
+
.btn.btn-loading:before, .btn.btn-loading:hover:before, .btn.btn-loading:focus:before, .btn.btn-loading:focus:hover:before, .btn.btn-loading:active:before, .btn.btn-loading:focus:active:before {
|
874 |
+
position: absolute;
|
875 |
+
content: "";
|
876 |
+
top: 0;
|
877 |
+
left: 0;
|
878 |
+
width: 100%;
|
879 |
+
height: 100%;
|
880 |
+
border-radius: inherit;
|
881 |
+
background-color: inherit;
|
882 |
+
opacity: 1;
|
883 |
+
-webkit-transition: opacity .3s ease-out;
|
884 |
+
transition: opacity .3s ease-out; }
|
885 |
+
|
886 |
+
/* buttons' sizes */
|
887 |
+
.btn-large {
|
888 |
+
font-size: 1.063em;
|
889 |
+
padding: 4px 16px;
|
890 |
+
border-radius: 5px;
|
891 |
+
line-height: 2.118em;
|
892 |
+
height: 2.824em;
|
893 |
+
min-width: 8.471em; }
|
894 |
+
.btn-large:focus, .btn-large.focus, .btn-large.btn.btn-loading, .btn-large.btn.btn-loading:focus:hover, .btn-large.btn.btn-loading:focus:active, .btn-large.btn-default.btn-loading, .btn-large.btn-loading.btn-icon, .btn-large.btn-default.btn-loading:focus:hover, .btn-large.btn-loading.btn-icon:focus:hover, .btn-large.btn-default.btn-loading:focus:active, .btn-large.btn-loading.btn-icon:focus:active, .btn-group.opened .btn-large.btn-dropdown {
|
895 |
+
border-width: 2px;
|
896 |
+
padding: 3px 15px; }
|
897 |
+
|
898 |
+
.btn-medium {
|
899 |
+
font-size: 0.875em;
|
900 |
+
padding: 4px 12px;
|
901 |
+
border-radius: 3px;
|
902 |
+
line-height: 1.7em;
|
903 |
+
height: 2.857em;
|
904 |
+
min-width: 8.571em; }
|
905 |
+
.btn-medium:focus, .btn-medium.focus, .btn-medium.btn.btn-loading, .btn-medium.btn.btn-loading:focus:hover, .btn-medium.btn.btn-loading:focus:active, .btn-medium.btn-default.btn-loading, .btn-medium.btn-loading.btn-icon, .btn-medium.btn-default.btn-loading:focus:hover, .btn-medium.btn-loading.btn-icon:focus:hover, .btn-medium.btn-default.btn-loading:focus:active, .btn-medium.btn-loading.btn-icon:focus:active, .btn-group.opened .btn-medium.btn-dropdown {
|
906 |
+
border-width: 2px;
|
907 |
+
padding: 3px 11px; }
|
908 |
+
|
909 |
+
.btn-small {
|
910 |
+
font-size: 0.755em;
|
911 |
+
padding: 3px 8px;
|
912 |
+
border-radius: 3px;
|
913 |
+
line-height: 1.4em;
|
914 |
+
height: 2.333em;
|
915 |
+
min-width: 7em; }
|
916 |
+
.btn-small:focus, .btn-small.focus, .btn-small.btn.btn-loading, .btn-small.btn.btn-loading:focus:hover, .btn-small.btn.btn-loading:focus:active, .btn-small.btn-default.btn-loading, .btn-small.btn-loading.btn-icon, .btn-small.btn-default.btn-loading:focus:hover, .btn-small.btn-loading.btn-icon:focus:hover, .btn-small.btn-default.btn-loading:focus:active, .btn-small.btn-loading.btn-icon:focus:active, .btn-group.opened .btn-small.btn-dropdown {
|
917 |
+
border-width: 2px;
|
918 |
+
padding: 2px 7px; }
|
919 |
+
|
920 |
+
/* buttons' types */
|
921 |
+
.btn-default, .btn-icon {
|
922 |
+
background-color: #f6f6f6;
|
923 |
+
color: #333;
|
924 |
+
border-color: #cccccc; }
|
925 |
+
.btn-default:hover, .btn-icon:hover {
|
926 |
+
background-color: #fff;
|
927 |
+
color: #137ebe;
|
928 |
+
border-color: #89bede; }
|
929 |
+
.btn-default:focus, .btn-icon:focus, .btn-default.focus, .focus.btn-icon, .btn-group.opened .btn-icon.btn-dropdown, .btn-group.opened .btn-default.btn-dropdown {
|
930 |
+
background-color: #eaf2f7;
|
931 |
+
border-color: #b3cad5; }
|
932 |
+
.btn-default:focus:hover, .btn-icon:focus:hover {
|
933 |
+
background-color: #fff;
|
934 |
+
border-color: #137ebe; }
|
935 |
+
.btn-default:active, .btn-icon:active {
|
936 |
+
background-color: #fff;
|
937 |
+
color: #5ebbf3;
|
938 |
+
border-color: #aeddf9; }
|
939 |
+
.btn-default:focus:active, .btn-icon:focus:active {
|
940 |
+
background-color: #fff;
|
941 |
+
border-color: #5ebbf3; }
|
942 |
+
.btn-default.btn-loading, .btn-loading.btn-icon, .btn-default.btn-loading:hover, .btn-loading.btn-icon:hover, .btn-default.btn-loading:focus, .btn-loading.btn-icon:focus, .btn-default.btn-loading:focus:hover, .btn-loading.btn-icon:focus:hover, .btn-default.btn-loading:active, .btn-loading.btn-icon:active, .btn-default.btn-loading:focus:active, .btn-loading.btn-icon:focus:active {
|
943 |
+
position: relative;
|
944 |
+
background-color: #aeddf9;
|
945 |
+
border-color: #aeddf9;
|
946 |
+
overflow: visible; }
|
947 |
+
.btn-default.btn-loading .loader-inner, .btn-loading.btn-icon .loader-inner, .btn-default.btn-loading .loader-outer, .btn-loading.btn-icon .loader-outer, .btn-default.btn-loading:hover .loader-inner, .btn-loading.btn-icon:hover .loader-inner, .btn-default.btn-loading:hover .loader-outer, .btn-loading.btn-icon:hover .loader-outer, .btn-default.btn-loading:focus .loader-inner, .btn-loading.btn-icon:focus .loader-inner, .btn-default.btn-loading:focus .loader-outer, .btn-loading.btn-icon:focus .loader-outer, .btn-default.btn-loading:focus:hover .loader-inner, .btn-loading.btn-icon:focus:hover .loader-inner, .btn-default.btn-loading:focus:hover .loader-outer, .btn-loading.btn-icon:focus:hover .loader-outer, .btn-default.btn-loading:active .loader-inner, .btn-loading.btn-icon:active .loader-inner, .btn-default.btn-loading:active .loader-outer, .btn-loading.btn-icon:active .loader-outer, .btn-default.btn-loading:focus:active .loader-inner, .btn-loading.btn-icon:focus:active .loader-inner, .btn-default.btn-loading:focus:active .loader-outer, .btn-loading.btn-icon:focus:active .loader-outer {
|
948 |
+
fill: #aeddf9; }
|
949 |
+
|
950 |
+
.btn-default[disabled], [disabled].btn-icon, .btn-default[disabled]:hover, [disabled].btn-icon:hover, .btn-default[disabled]:focus, [disabled].btn-icon:focus, .btn-default[disabled]:focus:hover, [disabled].btn-icon:focus:hover, .btn-default[disabled]:active, [disabled].btn-icon:active, .btn-default[disabled]:focus:active, [disabled].btn-icon:focus:active {
|
951 |
+
background-color: #f6f6f6;
|
952 |
+
color: #333;
|
953 |
+
border-color: transparent;
|
954 |
+
border-color: #cccccc; }
|
955 |
+
|
956 |
+
.btn-alt {
|
957 |
+
background-color: #fff;
|
958 |
+
color: #333; }
|
959 |
+
.btn-alt:hover {
|
960 |
+
background-color: #edf8ff;
|
961 |
+
color: #137ebe; }
|
962 |
+
.btn-alt:active {
|
963 |
+
background-color: #fff;
|
964 |
+
color: #54bfd6; }
|
965 |
+
.btn-alt:focus {
|
966 |
+
border-color: #fff;
|
967 |
+
background-color: #d3e6f1; }
|
968 |
+
.btn-alt:focus:hover {
|
969 |
+
background-color: #dce6ed; }
|
970 |
+
.btn-alt:focus:active {
|
971 |
+
background-color: #fff; }
|
972 |
+
|
973 |
+
.btn-alt[disabled], .btn-alt[disabled]:hover, .btn-alt[disabled]:focus, .btn-alt[disabled]:focus:hover, .btn-alt[disabled]:active, .btn-alt[disabled]:focus:active {
|
974 |
+
background-color: #fff;
|
975 |
+
color: #333;
|
976 |
+
border-color: transparent; }
|
977 |
+
|
978 |
+
/* btn-primary */
|
979 |
+
.btn-primary,
|
980 |
+
.ecwid-button .btn-primary {
|
981 |
+
color: #fff;
|
982 |
+
background-color: #189dee;
|
983 |
+
border-color: transparent; }
|
984 |
+
.btn-primary:hover {
|
985 |
+
background-color: #137dbe; }
|
986 |
+
.btn-primary:focus {
|
987 |
+
border-color: #106da6; }
|
988 |
+
.btn-primary:focus:hover {
|
989 |
+
background-color: #137dbe; }
|
990 |
+
.btn-primary:active {
|
991 |
+
background-color: #46b0f1; }
|
992 |
+
.btn-primary:focus:active {
|
993 |
+
background-color: #46b0f1; }
|
994 |
+
.btn-primary.btn.btn-loading, .btn-primary.btn.btn-loading:focus:hover, .btn-primary.btn.btn-loading:focus:active, .btn-primary.btn-default.btn-loading, .btn-primary.btn-loading.btn-icon, .btn-primary.btn-default.btn-loading:focus:hover, .btn-primary.btn-loading.btn-icon:focus:hover, .btn-primary.btn-default.btn-loading:focus:active, .btn-primary.btn-loading.btn-icon:focus:active {
|
995 |
+
position: relative;
|
996 |
+
background-color: #46b0f1;
|
997 |
+
border-color: transparent;
|
998 |
+
overflow: visible; }
|
999 |
+
.btn-group.opened .btn-primary.btn-dropdown {
|
1000 |
+
border-color: #106da6; }
|
1001 |
+
.btn-primary.btn-loading .loader-inner, .btn-primary.btn-loading .loader-outer, .btn-primary.btn-loading:hover .loader-inner, .btn-primary.btn-loading:hover .loader-outer, .btn-primary.btn-loading:focus .loader-inner, .btn-primary.btn-loading:focus .loader-outer, .btn-primary.btn-loading:focus:hover .loader-inner, .btn-primary.btn-loading:focus:hover .loader-outer, .btn-primary.btn-loading:active .loader-inner, .btn-primary.btn-loading:active .loader-outer, .btn-primary.btn-loading:focus:active .loader-inner, .btn-primary.btn-loading:focus:active .loader-outer {
|
1002 |
+
fill: #46b0f1; }
|
1003 |
+
|
1004 |
+
.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:focus:hover, .btn-primary[disabled]:active, .btn-primary[disabled]:focus:active {
|
1005 |
+
background-color: #189dee;
|
1006 |
+
color: #fff;
|
1007 |
+
border-color: transparent; }
|
1008 |
+
|
1009 |
+
/* btn-success */
|
1010 |
+
.btn-success,
|
1011 |
+
.ecwid-button .btn-success {
|
1012 |
+
color: #fff;
|
1013 |
+
background-color: #64a52f;
|
1014 |
+
border-color: transparent; }
|
1015 |
+
.btn-success:hover {
|
1016 |
+
background-color: #508425; }
|
1017 |
+
.btn-success:focus {
|
1018 |
+
border-color: #467320; }
|
1019 |
+
.btn-success:focus:hover {
|
1020 |
+
background-color: #508425; }
|
1021 |
+
.btn-success:active {
|
1022 |
+
background-color: #83b758; }
|
1023 |
+
.btn-success:focus:active {
|
1024 |
+
background-color: #83b758; }
|
1025 |
+
.btn-success.btn.btn-loading, .btn-success.btn.btn-loading:focus:hover, .btn-success.btn.btn-loading:focus:active, .btn-success.btn-default.btn-loading, .btn-success.btn-loading.btn-icon, .btn-success.btn-default.btn-loading:focus:hover, .btn-success.btn-loading.btn-icon:focus:hover, .btn-success.btn-default.btn-loading:focus:active, .btn-success.btn-loading.btn-icon:focus:active {
|
1026 |
+
position: relative;
|
1027 |
+
background-color: #83b758;
|
1028 |
+
border-color: transparent;
|
1029 |
+
overflow: visible; }
|
1030 |
+
.btn-group.opened .btn-success.btn-dropdown {
|
1031 |
+
border-color: #467320; }
|
1032 |
+
.btn-success.btn-loading .loader-inner, .btn-success.btn-loading .loader-outer, .btn-success.btn-loading:hover .loader-inner, .btn-success.btn-loading:hover .loader-outer, .btn-success.btn-loading:focus .loader-inner, .btn-success.btn-loading:focus .loader-outer, .btn-success.btn-loading:focus:hover .loader-inner, .btn-success.btn-loading:focus:hover .loader-outer, .btn-success.btn-loading:active .loader-inner, .btn-success.btn-loading:active .loader-outer, .btn-success.btn-loading:focus:active .loader-inner, .btn-success.btn-loading:focus:active .loader-outer {
|
1033 |
+
fill: #83b758; }
|
1034 |
+
|
1035 |
+
.btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:focus:hover, .btn-success[disabled]:active, .btn-success[disabled]:focus:active {
|
1036 |
+
background-color: #64a52f;
|
1037 |
+
color: #fff;
|
1038 |
+
border-color: transparent; }
|
1039 |
+
|
1040 |
+
/* btn-info */
|
1041 |
+
.btn-info {
|
1042 |
+
color: #fff;
|
1043 |
+
background-color: #1baecd;
|
1044 |
+
border-color: transparent; }
|
1045 |
+
.btn-info:hover {
|
1046 |
+
background-color: #158ba4; }
|
1047 |
+
.btn-info:focus {
|
1048 |
+
border-color: #12798f; }
|
1049 |
+
.btn-info:focus:hover {
|
1050 |
+
background-color: #158ba4; }
|
1051 |
+
.btn-info:active {
|
1052 |
+
background-color: #48bed7; }
|
1053 |
+
.btn-info:focus:active {
|
1054 |
+
background-color: #48bed7; }
|
1055 |
+
.btn-info.btn.btn-loading, .btn-info.btn.btn-loading:focus:hover, .btn-info.btn.btn-loading:focus:active, .btn-info.btn-default.btn-loading, .btn-info.btn-loading.btn-icon, .btn-info.btn-default.btn-loading:focus:hover, .btn-info.btn-loading.btn-icon:focus:hover, .btn-info.btn-default.btn-loading:focus:active, .btn-info.btn-loading.btn-icon:focus:active {
|
1056 |
+
position: relative;
|
1057 |
+
background-color: #48bed7;
|
1058 |
+
border-color: transparent;
|
1059 |
+
overflow: visible; }
|
1060 |
+
.btn-group.opened .btn-info.btn-dropdown {
|
1061 |
+
border-color: #12798f; }
|
1062 |
+
.btn-info.btn-loading .loader-inner, .btn-info.btn-loading .loader-outer, .btn-info.btn-loading:hover .loader-inner, .btn-info.btn-loading:hover .loader-outer, .btn-info.btn-loading:focus .loader-inner, .btn-info.btn-loading:focus .loader-outer, .btn-info.btn-loading:focus:hover .loader-inner, .btn-info.btn-loading:focus:hover .loader-outer, .btn-info.btn-loading:active .loader-inner, .btn-info.btn-loading:active .loader-outer, .btn-info.btn-loading:focus:active .loader-inner, .btn-info.btn-loading:focus:active .loader-outer {
|
1063 |
+
fill: #48bed7; }
|
1064 |
+
|
1065 |
+
.btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:focus:hover, .btn-info[disabled]:active, .btn-info[disabled]:focus:active {
|
1066 |
+
background-color: #1baecd;
|
1067 |
+
color: #fff;
|
1068 |
+
border-color: transparent; }
|
1069 |
+
|
1070 |
+
/* btn-info-light */
|
1071 |
+
.btn-info-light {
|
1072 |
+
color: #fff;
|
1073 |
+
background-color: #99d5e1;
|
1074 |
+
border-color: transparent; }
|
1075 |
+
.btn-info-light:hover {
|
1076 |
+
background-color: #7aaab4; }
|
1077 |
+
.btn-info-light:focus {
|
1078 |
+
border-color: #6b959d; }
|
1079 |
+
.btn-info-light:focus:hover {
|
1080 |
+
background-color: #7aaab4; }
|
1081 |
+
.btn-info-light:active {
|
1082 |
+
background-color: #addde7; }
|
1083 |
+
.btn-info-light:focus:active {
|
1084 |
+
background-color: #addde7; }
|
1085 |
+
.btn-info-light.btn.btn-loading, .btn-info-light.btn.btn-loading:focus:hover, .btn-info-light.btn.btn-loading:focus:active, .btn-info-light.btn-default.btn-loading, .btn-info-light.btn-loading.btn-icon, .btn-info-light.btn-default.btn-loading:focus:hover, .btn-info-light.btn-loading.btn-icon:focus:hover, .btn-info-light.btn-default.btn-loading:focus:active, .btn-info-light.btn-loading.btn-icon:focus:active {
|
1086 |
+
position: relative;
|
1087 |
+
background-color: #addde7;
|
1088 |
+
border-color: transparent;
|
1089 |
+
overflow: visible; }
|
1090 |
+
.btn-group.opened .btn-info-light.btn-dropdown {
|
1091 |
+
border-color: #6b959d; }
|
1092 |
+
.btn-info-light.btn-loading .loader-inner, .btn-info-light.btn-loading .loader-outer, .btn-info-light.btn-loading:hover .loader-inner, .btn-info-light.btn-loading:hover .loader-outer, .btn-info-light.btn-loading:focus .loader-inner, .btn-info-light.btn-loading:focus .loader-outer, .btn-info-light.btn-loading:focus:hover .loader-inner, .btn-info-light.btn-loading:focus:hover .loader-outer, .btn-info-light.btn-loading:active .loader-inner, .btn-info-light.btn-loading:active .loader-outer, .btn-info-light.btn-loading:focus:active .loader-inner, .btn-info-light.btn-loading:focus:active .loader-outer {
|
1093 |
+
fill: #addde7; }
|
1094 |
+
|
1095 |
+
.btn-info-light[disabled], .btn-info-light[disabled]:hover, .btn-info-light[disabled]:focus, .btn-info-light[disabled]:focus:hover, .btn-info-light[disabled]:active, .btn-info-light[disabled]:focus:active {
|
1096 |
+
background-color: #99d5e1;
|
1097 |
+
color: #fff;
|
1098 |
+
border-color: transparent; }
|
1099 |
+
|
1100 |
+
/* btn-warning */
|
1101 |
+
.btn-warning {
|
1102 |
+
color: #fff;
|
1103 |
+
background-color: #bfa454;
|
1104 |
+
border-color: transparent; }
|
1105 |
+
.btn-warning:hover {
|
1106 |
+
background-color: #988343; }
|
1107 |
+
.btn-warning:focus {
|
1108 |
+
border-color: #85723a; }
|
1109 |
+
.btn-warning:focus:hover {
|
1110 |
+
background-color: #988343; }
|
1111 |
+
.btn-warning:active {
|
1112 |
+
background-color: #cbb676; }
|
1113 |
+
.btn-warning:focus:active {
|
1114 |
+
background-color: #cbb676; }
|
1115 |
+
.btn-warning.btn.btn-loading, .btn-warning.btn.btn-loading:focus:hover, .btn-warning.btn.btn-loading:focus:active, .btn-warning.btn-default.btn-loading, .btn-warning.btn-loading.btn-icon, .btn-warning.btn-default.btn-loading:focus:hover, .btn-warning.btn-loading.btn-icon:focus:hover, .btn-warning.btn-default.btn-loading:focus:active, .btn-warning.btn-loading.btn-icon:focus:active {
|
1116 |
+
position: relative;
|
1117 |
+
background-color: #cbb676;
|
1118 |
+
border-color: transparent;
|
1119 |
+
overflow: visible; }
|
1120 |
+
.btn-group.opened .btn-warning.btn-dropdown {
|
1121 |
+
border-color: #85723a; }
|
1122 |
+
.btn-warning.btn-loading .loader-inner, .btn-warning.btn-loading .loader-outer, .btn-warning.btn-loading:hover .loader-inner, .btn-warning.btn-loading:hover .loader-outer, .btn-warning.btn-loading:focus .loader-inner, .btn-warning.btn-loading:focus .loader-outer, .btn-warning.btn-loading:focus:hover .loader-inner, .btn-warning.btn-loading:focus:hover .loader-outer, .btn-warning.btn-loading:active .loader-inner, .btn-warning.btn-loading:active .loader-outer, .btn-warning.btn-loading:focus:active .loader-inner, .btn-warning.btn-loading:focus:active .loader-outer {
|
1123 |
+
fill: #cbb676; }
|
1124 |
+
|
1125 |
+
.btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:focus:hover, .btn-warning[disabled]:active, .btn-warning[disabled]:focus:active {
|
1126 |
+
background-color: #bfa454;
|
1127 |
+
color: #fff;
|
1128 |
+
border-color: transparent; }
|
1129 |
+
|
1130 |
+
/* btn-inverse */
|
1131 |
+
.btn-inverse, .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active {
|
1132 |
+
color: #333; }
|
1133 |
+
|
1134 |
+
/* icons on btn */
|
1135 |
+
.btn [class*="icon-"] {
|
1136 |
+
color: inherit;
|
1137 |
+
padding-right: 0.688em;
|
1138 |
+
vertical-align: text-top;
|
1139 |
+
font-size: 1.143em;
|
1140 |
+
margin-top: 1px;
|
1141 |
+
opacity: .8; }
|
1142 |
+
|
1143 |
+
.btn-left-caret [class*="icon-"] {
|
1144 |
+
float: left;
|
1145 |
+
margin-top: 4px;
|
1146 |
+
padding-right: 8px; }
|
1147 |
+
|
1148 |
+
.btn-small.btn-left-caret [class*="icon-"] {
|
1149 |
+
float: left;
|
1150 |
+
margin-top: 1px;
|
1151 |
+
padding-right: 7px; }
|
1152 |
+
|
1153 |
+
.btn-medium.btn-left-caret [class*="icon-"] {
|
1154 |
+
float: left;
|
1155 |
+
margin-top: 4px; }
|
1156 |
+
|
1157 |
+
.btn-large.btn-left-caret [class*="icon-"] {
|
1158 |
+
float: left;
|
1159 |
+
margin-top: 8px;
|
1160 |
+
padding-right: 10px; }
|
1161 |
+
|
1162 |
+
/* btn-icon */
|
1163 |
+
.btn-icon {
|
1164 |
+
min-width: 40px; }
|
1165 |
+
.btn-icon.btn-large {
|
1166 |
+
min-width: 60px; }
|
1167 |
+
.btn-icon.btn-medium {
|
1168 |
+
min-width: 45px; }
|
1169 |
+
.btn-icon.btn-small {
|
1170 |
+
min-width: 30px; }
|
1171 |
+
.btn-icon [class*='icon-'] {
|
1172 |
+
padding: 0; }
|
1173 |
+
|
1174 |
+
/* button group */
|
1175 |
+
.btn-group {
|
1176 |
+
position: relative;
|
1177 |
+
display: inline-block;
|
1178 |
+
vertical-align: middle; }
|
1179 |
+
.btn-group > .btn {
|
1180 |
+
position: relative;
|
1181 |
+
float: left; }
|
1182 |
+
.btn-group > .btn:focus {
|
1183 |
+
outline: 0;
|
1184 |
+
z-index: 1; }
|
1185 |
+
|
1186 |
+
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
|
1187 |
+
margin-left: -1px; }
|
1188 |
+
|
1189 |
+
.btn-group > .btn:not(:first-child):not(:last-child):not(.btn-dropdown) {
|
1190 |
+
border-radius: 0; }
|
1191 |
+
|
1192 |
+
.btn-group > .btn:first-child {
|
1193 |
+
margin-left: 0; }
|
1194 |
+
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
|
1195 |
+
border-top-right-radius: 0;
|
1196 |
+
border-bottom-right-radius: 0; }
|
1197 |
+
|
1198 |
+
.btn-group > .btn:last-child:not(:first-child), .btn-group > .btn-dropdown:not(:first-child) {
|
1199 |
+
border-top-left-radius: 0;
|
1200 |
+
border-bottom-left-radius: 0; }
|
1201 |
+
|
1202 |
+
.btn-group .btn-dropdown {
|
1203 |
+
min-width: 30px;
|
1204 |
+
vertical-align: middle; }
|
1205 |
+
.btn-group .btn-dropdown [class*='icon-'] {
|
1206 |
+
font-size: .3em;
|
1207 |
+
vertical-align: middle;
|
1208 |
+
margin-top: -2px;
|
1209 |
+
padding: 0; }
|
1210 |
+
|
1211 |
+
.btn-group .list-dropdown {
|
1212 |
+
top: 100%;
|
1213 |
+
right: 0;
|
1214 |
+
margin: 2px 0 0 0;
|
1215 |
+
box-shadow: 0 1px 4px #b5b5b5;
|
1216 |
+
display: none; }
|
1217 |
+
|
1218 |
+
.opened > .list-dropdown {
|
1219 |
+
display: block; }
|
1220 |
+
|
1221 |
+
.btn-group .btn-dropdown {
|
1222 |
+
border-left-color: rgba(255, 255, 255, 0.6); }
|
1223 |
+
.btn-group .btn-dropdown.btn-default, .btn-group .btn-dropdown.btn-icon {
|
1224 |
+
border-color: #cccccc; }
|
1225 |
+
|
1226 |
+
.normalized .form-control, .normalized .input-prefix-suffix {
|
1227 |
+
display: inline-block;
|
1228 |
+
width: 100%;
|
1229 |
+
vertical-align: middle;
|
1230 |
+
outline: 0;
|
1231 |
+
border: 1px solid #c7c7c7;
|
1232 |
+
background-color: #fafbfc;
|
1233 |
+
color: #606060;
|
1234 |
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
|
1235 |
+
-moz-box-sizing: border-box;
|
1236 |
+
box-sizing: border-box;
|
1237 |
+
font-size: 0.813em;
|
1238 |
+
padding: 4px 8px;
|
1239 |
+
border-radius: 3px;
|
1240 |
+
line-height: 1.75em;
|
1241 |
+
height: 2.462em;
|
1242 |
+
-webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
|
1243 |
+
transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear; }
|
1244 |
+
.normalized .form-control:focus, .normalized .input-prefix-suffix:focus, .normalized .form-control.focus, .normalized .focus.input-prefix-suffix {
|
1245 |
+
border-width: 2px;
|
1246 |
+
padding: 3px 7px; }
|
1247 |
+
.normalized .form-control:hover, .normalized .input-prefix-suffix:hover {
|
1248 |
+
background-color: #fff; }
|
1249 |
+
.normalized .form-control:focus, .normalized .input-prefix-suffix:focus, .normalized .form-control.focus, .normalized .focus.input-prefix-suffix, .normalized .form-control:active, .normalized .input-prefix-suffix:active, .normalized .form-control.active, .normalized .active.input-prefix-suffix {
|
1250 |
+
background-color: #fff;
|
1251 |
+
border-color: #0c92e3;
|
1252 |
+
color: #606060;
|
1253 |
+
box-shadow: 0 0 4px #d1eafa; }
|
1254 |
+
.normalized .form-control[disabled], .normalized [disabled].input-prefix-suffix, .normalized .form-control[readonly], .normalized [readonly].input-prefix-suffix, .normalized .form-control[disabled]:hover, .normalized [disabled].input-prefix-suffix:hover, .normalized .form-control[disabled]:focus, .normalized [disabled].input-prefix-suffix:focus, .normalized .form-control[disabled]:focus:hover, .normalized [disabled].input-prefix-suffix:focus:hover, .normalized .form-control[disabled]:active, .normalized [disabled].input-prefix-suffix:active, .normalized .form-control[disabled]:focus:active, .normalized [disabled].input-prefix-suffix:focus:active {
|
1255 |
+
background-color: #eeeeee;
|
1256 |
+
border-color: #c7c7c7;
|
1257 |
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
|
1258 |
+
cursor: not-allowed; }
|
1259 |
+
|
1260 |
+
.normalized .form-control::-moz-placeholder, .normalized .input-prefix-suffix::-moz-placeholder {
|
1261 |
+
color: #606060;
|
1262 |
+
opacity: .6; }
|
1263 |
+
|
1264 |
+
.normalized .form-control::-webkit-input-placeholder, .normalized .input-prefix-suffix::-webkit-input-placeholder {
|
1265 |
+
color: #606060;
|
1266 |
+
opacity: .6; }
|
1267 |
+
|
1268 |
+
.normalized .form-control::-ms-input-placeholder, .normalized .input-prefix-suffix::-ms-input-placeholder {
|
1269 |
+
color: #606060;
|
1270 |
+
opacity: .6; }
|
1271 |
+
|
1272 |
+
.normalized .has-error .form-control, .normalized .has-error .input-prefix-suffix {
|
1273 |
+
border: 2px solid #fa5111;
|
1274 |
+
padding: 4px 7px;
|
1275 |
+
color: #cf3e07;
|
1276 |
+
background-color: #ffeaea;
|
1277 |
+
box-shadow: none;
|
1278 |
+
-webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
|
1279 |
+
transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; }
|
1280 |
+
|
1281 |
+
.normalized .has-error .form-control:hover, .normalized .has-error .input-prefix-suffix:hover {
|
1282 |
+
background-color: #fff; }
|
1283 |
+
|
1284 |
+
.normalized .has-error .form-control:focus, .normalized .has-error .input-prefix-suffix:focus {
|
1285 |
+
background-color: #fff;
|
1286 |
+
box-shadow: 0 0 4px #F5C0C0; }
|
1287 |
+
|
1288 |
+
.normalized .has-success .form-control, .normalized .has-success .input-prefix-suffix {
|
1289 |
+
border: 2px solid #468847;
|
1290 |
+
padding: 4px 7px;
|
1291 |
+
background-color: #eaffea;
|
1292 |
+
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
1293 |
+
color: #468847;
|
1294 |
+
transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear;
|
1295 |
+
-webkit-transition: background 0.15s linear, color 0.15s linear, border-color 0.15s linear, box-shadow 0.15s linear; }
|
1296 |
+
|
1297 |
+
.normalized .has-success .form-control:focus, .normalized .has-success .input-prefix-suffix:focus {
|
1298 |
+
background-color: #fff;
|
1299 |
+
box-shadow: 0 0 4px #88c889; }
|
1300 |
+
|
1301 |
+
.loader svg {
|
1302 |
+
height: 100%;
|
1303 |
+
width: 100%; }
|
1304 |
+
|
1305 |
+
[class*="loading"] .loader .spin-left {
|
1306 |
+
-webkit-animation: spinleft 1s infinite linear;
|
1307 |
+
animation: spinleft 1s infinite linear; }
|
1308 |
+
|
1309 |
+
[class*="loading"] .loader .spin-right {
|
1310 |
+
-webkit-animation: spinright 0.5s infinite linear;
|
1311 |
+
animation: spinright 0.5s infinite linear; }
|
1312 |
+
|
1313 |
+
.btn .loader {
|
1314 |
+
position: absolute;
|
1315 |
+
width: 100%;
|
1316 |
+
height: 160%;
|
1317 |
+
top: -30%;
|
1318 |
+
left: 0;
|
1319 |
+
display: none;
|
1320 |
+
z-index: 1;
|
1321 |
+
overflow: hidden;
|
1322 |
+
-webkit-animation: fadein .1s 1 linear;
|
1323 |
+
animation: fadein .1s 1 linear; }
|
1324 |
+
.btn .loader .ecwid-spinner {
|
1325 |
+
margin: 0 auto;
|
1326 |
+
height: 100%;
|
1327 |
+
height: -webkit-calc(100% + 0px);
|
1328 |
+
width: -webkit-calc(100% + 0px); }
|
1329 |
+
|
1330 |
+
.btn-loading .loader {
|
1331 |
+
display: block; }
|
ecwid-shopping-cart.php
CHANGED
@@ -5,7 +5,7 @@ Plugin URI: http://www.ecwid.com?source=wporg
|
|
5 |
Description: Ecwid is a free full-featured shopping cart. It can be easily integrated with any Wordpress blog and takes less than 5 minutes to set up.
|
6 |
Text Domain: ecwid-shopping-cart
|
7 |
Author: Ecwid Ecommerce
|
8 |
-
Version: 6.4.
|
9 |
Author URI: https://ecwid.to/ecwid-site
|
10 |
*/
|
11 |
|
5 |
Description: Ecwid is a free full-featured shopping cart. It can be easily integrated with any Wordpress blog and takes less than 5 minutes to set up.
|
6 |
Text Domain: ecwid-shopping-cart
|
7 |
Author: Ecwid Ecommerce
|
8 |
+
Version: 6.4.5
|
9 |
Author URI: https://ecwid.to/ecwid-site
|
10 |
*/
|
11 |
|
js/landing.js
CHANGED
@@ -48,132 +48,3 @@ jQuery(document).ready(function(){
|
|
48 |
switch_to_success = function() {
|
49 |
|
50 |
}
|
51 |
-
|
52 |
-
var initScrollAnimation = function(selectors){
|
53 |
-
|
54 |
-
var windowHeight = jQuery(window).height();
|
55 |
-
var elements = selectors.map(function (name) {
|
56 |
-
return jQuery(name);
|
57 |
-
});
|
58 |
-
|
59 |
-
jQuery(window).on('scroll', onScroll);
|
60 |
-
|
61 |
-
function onScroll() {
|
62 |
-
|
63 |
-
var windowScrollTop = jQuery(window).scrollTop();
|
64 |
-
var windowBottom = (windowScrollTop + windowHeight);
|
65 |
-
|
66 |
-
jQuery.each(elements, function () {
|
67 |
-
var element = jQuery(this);
|
68 |
-
var elementTop = element.offset().top;
|
69 |
-
var elementBottom = (elementTop + element.outerHeight());
|
70 |
-
var elementMiddle = elementTop + element.outerHeight()/2;
|
71 |
-
|
72 |
-
if ( (elementBottom >= windowScrollTop) && (elementTop <= windowBottom) ) {
|
73 |
-
element.addClass('in-view');
|
74 |
-
}
|
75 |
-
});
|
76 |
-
}
|
77 |
-
}
|
78 |
-
//to start: initScrollAnimation(['.selector1', '#selector2']);
|
79 |
-
|
80 |
-
jQuery(document).ready(function() {
|
81 |
-
var userAction = "click";
|
82 |
-
!function() {
|
83 |
-
function t() {
|
84 |
-
!function() {
|
85 |
-
var t = 0;
|
86 |
-
h.each(function() {
|
87 |
-
t = Math.max(t, jQuery(this).children().last().css("height", "auto").outerHeight())
|
88 |
-
}),
|
89 |
-
h.each(function() {
|
90 |
-
var e = jQuery(this).children().last()
|
91 |
-
, o = e.outerHeight();
|
92 |
-
i < 750 ? e.css({
|
93 |
-
"margin-top": 0,
|
94 |
-
"margin-bottom": 0,
|
95 |
-
height: t
|
96 |
-
}) : e.css({
|
97 |
-
"margin-top": (t - o) / 2,
|
98 |
-
"margin-bottom": (t - o) / 2
|
99 |
-
})
|
100 |
-
})
|
101 |
-
}()
|
102 |
-
}
|
103 |
-
function e(t) {
|
104 |
-
a || n == t || (a = !0,
|
105 |
-
c[n].removeClass("selected"),
|
106 |
-
jQuery(h[n]).removeClass("selected"),
|
107 |
-
n > t ? (t = (t + c.length) % c.length,
|
108 |
-
jQuery(h[t]).css({
|
109 |
-
"margin-left": "-10%"
|
110 |
-
}).prependTo(s).animate({
|
111 |
-
"margin-left": 0
|
112 |
-
}, 300, function() {
|
113 |
-
a = !1
|
114 |
-
})) : (t = (t + c.length) % c.length,
|
115 |
-
jQuery(h[t]).insertAfter(h[n]),
|
116 |
-
jQuery(h[n]).animate({
|
117 |
-
"margin-left": "-10%"
|
118 |
-
}, 300, function() {
|
119 |
-
jQuery(this).css("margin-left", 0).appendTo(s),
|
120 |
-
a = !1
|
121 |
-
})),
|
122 |
-
setTimeout(function() {
|
123 |
-
o.css({
|
124 |
-
background: jQuery(h[t]).attr("data-bgcolor"),
|
125 |
-
background: "linear-gradient(to bottom, " + jQuery(h[t]).attr("data-bgcolor") + " 0%, " + jQuery(h[t]).attr("data-bgcolor2") + " 100%)",
|
126 |
-
filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='" + jQuery(h[t]).attr("data-bgcolor") + "', endColorstr='" + jQuery(h[t]).attr("data-bgcolor") + "',GradientType=0 )"
|
127 |
-
}),
|
128 |
-
jQuery(h[t]).addClass("selected")
|
129 |
-
}, 10),
|
130 |
-
c[n = t].addClass("selected"))
|
131 |
-
}
|
132 |
-
var o = jQuery(".block-banner-gallery");
|
133 |
-
if (o.length) {
|
134 |
-
var n = 0
|
135 |
-
, a = !1
|
136 |
-
, i = jQuery(window).width()
|
137 |
-
, s = jQuery(".roll", o).on("touchstart", function(t) {
|
138 |
-
this.touchStartPosX = t.originalEvent.touches[0].clientX,
|
139 |
-
this.touchStartPosY = t.originalEvent.touches[0].clientY
|
140 |
-
}).on("touchmove", function(t) {
|
141 |
-
this.touchMovePosX = t.originalEvent.changedTouches[0].clientX,
|
142 |
-
this.touchMovePosY = t.originalEvent.changedTouches[0].clientY;
|
143 |
-
var o = this.touchMovePosX - this.touchStartPosX
|
144 |
-
, a = this.touchMovePosY - this.touchStartPosY;
|
145 |
-
Math.abs(a) < Math.abs(o) && t.preventDefault(),
|
146 |
-
this.touchStartPosX > 0 && this.touchStartPosY > 0 && Math.abs(o) > 100 && (this.touchStartPosX = -1,
|
147 |
-
this.touchStartPosY = -1,
|
148 |
-
e(o > 0 ? n - 1 : n + 1))
|
149 |
-
})
|
150 |
-
, r = jQuery(".markers", o)
|
151 |
-
, c = []
|
152 |
-
, h = s.children().each(function(t) {
|
153 |
-
var e = jQuery("<div></div>").appendTo(r);
|
154 |
-
c.push(e),
|
155 |
-
t || (jQuery(this).addClass("selected"),
|
156 |
-
e.addClass("selected"))
|
157 |
-
});
|
158 |
-
if (c.length > 1) {
|
159 |
-
for (var l = 0; l < c.length; l++)
|
160 |
-
c[l].on(userAction, function(t) {
|
161 |
-
return function(o) {
|
162 |
-
o.preventDefault(),
|
163 |
-
e(t)
|
164 |
-
}
|
165 |
-
}(l));
|
166 |
-
r.removeClass("hidden");
|
167 |
-
jQuery(".left", o).on(userAction, function(t) {
|
168 |
-
t.preventDefault(),
|
169 |
-
e(n - 1)
|
170 |
-
}).removeClass("hidden"),
|
171 |
-
jQuery(".right", o).on(userAction, function(t) {
|
172 |
-
t.preventDefault(),
|
173 |
-
e(n + 1)
|
174 |
-
}).removeClass("hidden")
|
175 |
-
}
|
176 |
-
jQuery(window).on("resize", t)
|
177 |
-
}
|
178 |
-
}();
|
179 |
-
})
|
48 |
switch_to_success = function() {
|
49 |
|
50 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
readme.txt
CHANGED
@@ -3,7 +3,7 @@ Contributors: Ecwid
|
|
3 |
Tags: ecommerce, downloadable products, Facebook ecommerce, online store, paypal, product catalog, shop, shopping cart, store
|
4 |
Requires at least: 3.7
|
5 |
Tested up to: 5.0
|
6 |
-
Stable tag: 6.4.
|
7 |
|
8 |
Powerful, easy to use ecommerce shopping cart. Sell on Facebook and Instagram. iPhone & Android apps. Superb support. Free plan available.
|
9 |
|
@@ -150,7 +150,7 @@ You can use Ecwid’s built-in import tools to copy your store products from any
|
|
150 |
* [Ecwid eCommerce Forums](https://www.ecwid.com/forums/forumdisplay.php?f=19)
|
151 |
|
152 |
== Changelog ==
|
153 |
-
= 6.4.
|
154 |
- **Minor fixes for better compatibility with the WordPress v5 and Gutenberg.**
|
155 |
- **Improvements and fixes for the “Import products from WooCommerce” tool.** Import of products from WooCommerce to Ecwid now should work smoother, especially when you have a lot of products to import.
|
156 |
|
3 |
Tags: ecommerce, downloadable products, Facebook ecommerce, online store, paypal, product catalog, shop, shopping cart, store
|
4 |
Requires at least: 3.7
|
5 |
Tested up to: 5.0
|
6 |
+
Stable tag: 6.4.5
|
7 |
|
8 |
Powerful, easy to use ecommerce shopping cart. Sell on Facebook and Instagram. iPhone & Android apps. Superb support. Free plan available.
|
9 |
|
150 |
* [Ecwid eCommerce Forums](https://www.ecwid.com/forums/forumdisplay.php?f=19)
|
151 |
|
152 |
== Changelog ==
|
153 |
+
= 6.4.5 - Dec 7, 2018 =
|
154 |
- **Minor fixes for better compatibility with the WordPress v5 and Gutenberg.**
|
155 |
- **Improvements and fixes for the “Import products from WooCommerce” tool.** Import of products from WooCommerce to Ecwid now should work smoother, especially when you have a lot of products to import.
|
156 |
|
templates/admin/landing.tpl.php
CHANGED
@@ -1,392 +1,172 @@
|
|
1 |
-
|
2 |
-
|
3 |
-
|
4 |
-
|
5 |
-
|
6 |
-
|
7 |
-
|
8 |
-
|
9 |
-
|
10 |
-
|
11 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
12 |
</svg>
|
13 |
</div>
|
14 |
-
<h1>
|
15 |
-
<nobr>E-commerce</nobr>
|
16 |
-
for WordPress
|
17 |
-
</h1>
|
18 |
-
<div class="vertical-header__descr">Try selling online for free</div>
|
19 |
-
<div class="vertical-header__buttons btn-block in-view"> <a href="https://my.ecwid.com/#register" class="btn btn-blue btn-large">Get started</a></div>
|
20 |
-
<div class="vertical-header__small-text">No credit card required</div>
|
21 |
-
</div>
|
22 |
-
<div class="vertical-header__img">
|
23 |
-
<div class="vertical-header__img-wrap"> <img class="animation-element slide-left in-view" src="https://don16obqbay2c.cloudfront.net/wp-content/themes/ecwid/images/wordpress-main-2x.png" alt="E-commerce for WordPress" srcset=""></div>
|
24 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
25 |
</div>
|
26 |
-
|
27 |
-
|
28 |
-
|
29 |
-
|
30 |
-
|
31 |
-
|
32 |
-
|
33 |
-
<h2 class="vertical-tile__header vertical-tile__header--desktop">Easy</h2>
|
34 |
-
<div class="vertical-tile__descr">
|
35 |
-
<p>
|
36 |
-
WordPress
|
37 |
-
<nobr>e-commerce</nobr>
|
38 |
-
can be easy. Try Ecwid and never go back to WooCommerce.
|
39 |
-
</p>
|
40 |
-
<div class="descr-main">
|
41 |
-
<div class="item">
|
42 |
-
<div class="icon">
|
43 |
-
<svg width="28" height="28" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
|
44 |
-
<path d="M25.2 19.369c-4.575 4.575-11.993 4.575-16.569 0-4.575-4.576-4.575-11.993 0-16.569L25.2 19.369zM26 8.4L20.4 14M18.8 2l-5.6 5.6M2 26l6.4-6.4" stroke="#FFF" stroke-width="3" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path>
|
45 |
-
</svg>
|
46 |
-
</div>
|
47 |
-
Quick setup. Automatic updates.
|
48 |
-
</div>
|
49 |
-
<div class="item">
|
50 |
-
<div class="icon">
|
51 |
-
<svg width="28" height="27" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
|
52 |
-
<path d="M17.22 25.415H26h-8.78zM2 10.78V2h8.78v8.78H2zm0 14.635v-8.78h8.78v8.78H2zM17.22 2H26h-8.78zm0 7.61H26h-8.78zm0 8.195H26h-8.78z" stroke="#FFF" stroke-width="3" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path>
|
53 |
-
</svg>
|
54 |
-
</div>
|
55 |
-
All WP themes and hostings supported.
|
56 |
-
</div>
|
57 |
-
</div>
|
58 |
-
<div><a href="https://my.ecwid.com/#register" class="btn btn-blue btn-large">Get started</a></div>
|
59 |
-
</div>
|
60 |
-
</div>
|
61 |
-
<div class="vertical-tile__image vertical-tile__child vertical-tile__image--desktop"> <img src="https://don16obqbay2c.cloudfront.net/wp-content/themes/ecwid/images/wordpress-main2-2x.png" alt="" class="animation-element slide-right in-view"></div>
|
62 |
-
<div class="vertical-tile__image vertical-tile__image--mobile vertical-tile__child"> <img src="https://don16obqbay2c.cloudfront.net/wp-content/themes/ecwid/images/wordpress-main2-1x.png" alt="" class="in-view"></div>
|
63 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
64 |
</div>
|
65 |
</div>
|
66 |
-
<div class="
|
67 |
-
<div class="
|
68 |
-
<div class="
|
69 |
-
|
70 |
-
<
|
71 |
-
|
72 |
-
|
73 |
-
Ecwid
|
74 |
-
<nobr>e-commerce</nobr>
|
75 |
-
features help you sell more
|
76 |
-
</h2>
|
77 |
-
</div>
|
78 |
-
<div class="fb-integration__text">
|
79 |
-
<div>
|
80 |
-
<span class="icon">
|
81 |
-
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">
|
82 |
-
<g fill="none" fill-rule="evenodd">
|
83 |
-
<path d="M0 0h80v80H0z"></path>
|
84 |
-
<path fill="#3A4A59" fill-rule="nonzero" stroke="#3A4A59" d="M60 16H20c-2.24 0-4 1.76-4 4v40c0 2.24 1.76 4 4 4h40c2.24 0 4-1.76 4-4V20c0-2.24-1.76-4-4-4zM40 62.4v-16h-6.4V40H40v-5.6c0-4.56 3.52-8.4 8-8.8h7.2V32h-6.4c-1.36 0-2.4 1.04-2.4 2.4V40h8v6.4h-8v16H40zM62.4 60c0 1.36-1.04 2.4-2.4 2.4H48V48h8v-9.6h-8v-4c0-.48.32-.8.8-.8h8V24h-8.88c-5.36.48-9.52 5.04-9.52 10.4v4H32V48h6.4v14.4H20c-1.36 0-2.4-1.04-2.4-2.4V20c0-1.36 1.04-2.4 2.4-2.4h40c1.36 0 2.4 1.04 2.4 2.4v40z"></path>
|
85 |
-
</g>
|
86 |
-
</svg>
|
87 |
-
</span>
|
88 |
-
<b>Sell where your customers are</b><br>Start selling on your WordPress site and continue on Instagram, Facebook, eBay, Amazon, Google Shopping and more
|
89 |
-
</div>
|
90 |
-
<div>
|
91 |
-
<span class="icon">
|
92 |
-
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">
|
93 |
-
<g fill="none" fill-rule="evenodd">
|
94 |
-
<path d="M0 0h80v80H0z"></path>
|
95 |
-
<path fill="#3A4A59" fill-rule="nonzero" stroke="#3A4A59" d="M72.638 31.046h-9.223v-6.17c0-1.207-.995-2.186-2.223-2.186h-32.04c-1.228 0-2.223.979-2.223 2.187v6.591h-8.654c-.385-.001-.741.2-.934.528l-4.36 7.49h-2.62c-.592 0-1.073.473-1.073 1.056v11.831c0 .584.48 1.057 1.074 1.057h3.135c.597 3.089 3.627 5.116 6.767 4.529 2.334-.437 4.16-2.233 4.604-4.53h3.135c.16-.004.319-.043.462-.116.218.075.446.114.676.117h14.045c.597 3.089 3.627 5.116 6.767 4.529 2.334-.437 4.16-2.233 4.604-4.53h6.635c1.228 0 2.223-.978 2.223-2.186v-9.644h4.936c.593 0 1.074-.473 1.074-1.057 0-.583-.48-1.056-1.074-1.056h-4.936v-6.328h9.223c.593 0 1.074-.473 1.074-1.056 0-.583-.48-1.056-1.074-1.056zm-53.74 2.577h8.031v5.863H15.462l3.436-5.863zm.29 22.331h-.011.01c-2.015 0-3.65-1.608-3.65-3.591 0-1.984 1.635-3.592 3.65-3.592 2.017 0 3.651 1.608 3.651 3.592 0 1.983-1.634 3.591-3.65 3.591zm5.68-4.648c-.598-3.089-3.627-5.116-6.767-4.529-2.334.437-4.16 2.233-4.604 4.53h-2.062v-9.708H26.93v9.707h-2.061zm24.02 4.648h-.011.01c-2.016 0-3.65-1.608-3.65-3.591 0-1.984 1.634-3.592 3.65-3.592 2.017 0 3.651 1.608 3.651 3.592 0 1.983-1.634 3.591-3.65 3.591zm12.39-24.866h-5.132c-.593 0-1.074.473-1.074 1.056 0 .584.48 1.057 1.074 1.057h5.11l-.02 6.295h-7.388c-.593.001-1.073.475-1.072 1.058 0 .583.48 1.054 1.072 1.055h7.366v9.708h-6.647c-.597-3.09-3.627-5.117-6.767-4.53-2.334.438-4.16 2.234-4.603 4.53l-14.11-.063.076-26.41 32.115.075v6.169z"></path>
|
96 |
-
</g>
|
97 |
-
</svg>
|
98 |
-
</span>
|
99 |
-
<b>Shipping, payment, taxes automated</b><br>
|
100 |
-
<ul>
|
101 |
-
<li>Automatic tax calculation and filing</li>
|
102 |
-
<li>All popular shipping carriers integrated</li>
|
103 |
-
<li>45+ payment options</li>
|
104 |
-
</ul>
|
105 |
-
</div>
|
106 |
-
<div>
|
107 |
-
<span class="icon">
|
108 |
-
<svg height="80" width="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg">
|
109 |
-
<g fill="none" fill-rule="evenodd">
|
110 |
-
<path d="M16 16h48v48H16z"></path>
|
111 |
-
<g fill="#3a4a59" fill-rule="nonzero" stroke="#3a4a59">
|
112 |
-
<path d="M50.34 35.368V25.77c0-5.387-4.674-9.769-10.42-9.769-5.745 0-10.418 4.382-10.418 9.77v9.598H22V64h36.674V35.368zM31.168 25.77c0-4.458 3.925-8.085 8.751-8.085s8.752 3.627 8.752 8.085v9.6H31.17zm25.838 36.547h-33.34v-3.369h33.34zm-33.34-5.053v-20.21h33.34v20.21z"></path>
|
113 |
-
<path d="M40.337 41.888c-1.785 0-3.236 1.52-3.236 3.39v5.085c0 1.87 1.451 3.39 3.236 3.39 1.785 0 3.236-1.52 3.236-3.39v-5.085c0-1.87-1.451-3.39-3.236-3.39zm1.618 8.475c0 .935-.726 1.695-1.618 1.695-.892 0-1.618-.76-1.618-1.695v-5.085c0-.935.726-1.695 1.618-1.695.892 0 1.618.76 1.618 1.695z"></path>
|
114 |
-
</g>
|
115 |
-
</g>
|
116 |
-
</svg>
|
117 |
-
</span>
|
118 |
-
<b>Complete security</b>
|
119 |
-
<ul>
|
120 |
-
<li>Free unlimited store backups</li>
|
121 |
-
<li>PCI DSS Level 1 certified checkout</li>
|
122 |
-
<li>
|
123 |
-
<nobr>Auto-scaling</nobr>
|
124 |
-
to any number of products and traffic
|
125 |
-
</li>
|
126 |
-
</ul>
|
127 |
-
</div>
|
128 |
-
<div>
|
129 |
-
<span class="icon">
|
130 |
-
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">
|
131 |
-
<g fill="none" fill-rule="evenodd">
|
132 |
-
<path d="M0 0h80v80H0z"></path>
|
133 |
-
<g fill="#3A4A59" fill-rule="nonzero" stroke="#3A4A59">
|
134 |
-
<path d="M49.345 16.01H29.508a6.385 6.385 0 0 0-4.74 1.746 6.867 6.867 0 0 0-1.755 5.034v34.43c0 4.993 3.438 6.78 6.656 6.78h19.676c4.9 0 6.655-3.502 6.655-6.78V22.78c0-4.994-3.438-6.77-6.655-6.77zm0 46.458H29.669c-1.544 0-5.152-.51-5.152-5.248v-4.084h29.97v4.084c.01 1.573-.502 5.248-5.142 5.248zm5.141-10.843h-29.97V25.913h29.97v25.712zm.01-27.233h-29.98V22.79a5.403 5.403 0 0 1 1.314-3.942 5.014 5.014 0 0 1 3.749-1.307h19.766c1.543 0 5.152.51 5.152 5.249v1.602z"></path>
|
135 |
-
<path d="M43.153 20h-5.306c-.468 0-.847.448-.847 1s.38 1 .847 1h5.306c.468 0 .847-.448.847-1s-.38-1-.847-1zM39.49 55A3.5 3.5 0 1 0 43 58.51 3.51 3.51 0 0 0 39.49 55zm0 5.404v.01a1.904 1.904 0 1 1 1.915-1.903 1.904 1.904 0 0 1-1.915 1.893z"></path>
|
136 |
-
</g>
|
137 |
-
</g>
|
138 |
-
</svg>
|
139 |
-
</span>
|
140 |
-
<b>Mobile</b><br>
|
141 |
-
<ul>
|
142 |
-
<li>Best store management mobile app included</li>
|
143 |
-
<li>Mobile storefront app on request</li>
|
144 |
-
</ul>
|
145 |
-
</div>
|
146 |
-
</div>
|
147 |
-
</div>
|
148 |
-
<div class="border-bottom"></div>
|
149 |
</div>
|
150 |
</div>
|
151 |
</div>
|
152 |
-
<div class="
|
153 |
-
<div class="
|
154 |
-
<
|
155 |
-
|
156 |
-
<div class="
|
157 |
-
<
|
158 |
-
|
159 |
-
|
160 |
-
|
161 |
-
|
162 |
-
|
163 |
-
<li>
|
164 |
-
<nobr>Auto-scaling</nobr>
|
165 |
-
to any number of products even on
|
166 |
-
<nobr>low-cost</nobr>
|
167 |
-
hosting.
|
168 |
-
</li>
|
169 |
-
</ul>
|
170 |
</div>
|
171 |
</div>
|
172 |
-
<div class="
|
173 |
-
|
174 |
-
|
175 |
-
|
176 |
-
|
177 |
-
|
178 |
-
|
179 |
-
<h2 class="vertical-tile__header vertical-tile__header--mobile">
|
180 |
-
<nobr>Five-star</nobr>
|
181 |
-
customer care
|
182 |
-
</h2>
|
183 |
-
<div class="vertical-tile__text vertical-tile__child">
|
184 |
-
<h2 class="vertical-tile__header vertical-tile__header--desktop">
|
185 |
-
<nobr>Five-star</nobr>
|
186 |
-
customer care
|
187 |
-
</h2>
|
188 |
-
<div class="vertical-tile__descr">
|
189 |
-
<div>Our Customer Care team is here to help you via phone, live chat, and email. When you need a hand, our expert support team has your back.</div>
|
190 |
-
<a href="javascript: openPresalesChat(this);" class="btn btn-light">Try Customer Support Chat</a>
|
191 |
</div>
|
192 |
</div>
|
193 |
-
<div class="vertical-tile__image vertical-tile__child"> <img src="https://don16obqbay2c.cloudfront.net/wp-content/themes/ecwid/images/wordpress-star-2x.png"></div>
|
194 |
</div>
|
195 |
-
|
196 |
-
|
197 |
-
|
198 |
-
|
199 |
-
<div class="vertical-block__content vertical-showcase__content">
|
200 |
-
<h2 class="vertical-tile__header">Over 20,000 WordPress sites using Ecwid</h2>
|
201 |
-
<div class="vertical-showcase__images">
|
202 |
-
<div class="vertical-showcase__image">
|
203 |
-
<a href="http://bohobunnie.com/store/" title="Bohemian Bunnie" target="_blank" rel="nofollow noopener">
|
204 |
-
<img src="https://don16obqbay2c.cloudfront.net/wp-content/themes/ecwid/images/wordpress-showcase1.jpg" width="188" height="218" alt="Bohemian Bunnie" />
|
205 |
-
<div class="details">
|
206 |
-
<div class="title">Bohemian Bunnie</div>
|
207 |
-
<div class="link">bohobunnie.com</div>
|
208 |
-
</div>
|
209 |
-
</a>
|
210 |
</div>
|
211 |
-
<div class="
|
212 |
-
<
|
213 |
-
|
214 |
-
<div class="details">
|
215 |
-
<div class="title">Joe Perry</div>
|
216 |
-
<div class="link">joeperry.com</div>
|
217 |
-
</div>
|
218 |
-
</a>
|
219 |
</div>
|
220 |
-
|
221 |
-
|
222 |
-
|
223 |
-
|
224 |
-
<div class="title">Sharks Palermo Football</div>
|
225 |
-
<div class="link">www.sharkspalermofootball.com</div>
|
226 |
-
</div>
|
227 |
-
</a>
|
228 |
-
</div>
|
229 |
-
<div class="vertical-showcase__image">
|
230 |
-
<a href="https://gogirlguides.com/" title="Go! Girl Guides" target="_blank" rel="nofollow noopener">
|
231 |
-
<img src="https://don16obqbay2c.cloudfront.net/wp-content/themes/ecwid/images/wordpress-showcase5.jpg" width="188" height="218" alt="Go! Girl Guides" />
|
232 |
-
<div class="details">
|
233 |
-
<div class="title">Go! Girl Guides</div>
|
234 |
-
<div class="link">gogirlguides.com</div>
|
235 |
-
</div>
|
236 |
-
</a>
|
237 |
</div>
|
238 |
-
<div class="
|
239 |
-
<
|
240 |
-
|
241 |
-
<div class="details">
|
242 |
-
<div class="title">Whydah Pirate Museum</div>
|
243 |
-
<div class="link">www.discoverpirates.com</div>
|
244 |
-
</div>
|
245 |
-
</a>
|
246 |
</div>
|
247 |
-
|
248 |
-
|
249 |
-
|
250 |
-
|
251 |
-
<div class="title">MDshop</div>
|
252 |
-
<div class="link">mdshop.nl</div>
|
253 |
-
</div>
|
254 |
-
</a>
|
255 |
</div>
|
256 |
-
<div class="
|
257 |
-
<
|
258 |
-
|
259 |
-
<div class="details">
|
260 |
-
<div class="title">Chros</div>
|
261 |
-
<div class="link">chros.com</div>
|
262 |
-
</div>
|
263 |
-
</a>
|
264 |
</div>
|
265 |
</div>
|
266 |
</div>
|
267 |
</div>
|
268 |
-
<script src="https://don16obqbay2c.cloudfront.net/wp-content/themes/ecwid/js/slider.min.c29e3998.js"></script>
|
269 |
-
<script>jQuery(document).on('ready', function() { jQuery('.vertical-showcase__images').slick({ slidesToShow: 5, slidesToScroll: 1, initialSlide: 0, focusOnSelect : true, infinite: true, dots: true, arrows: true, nextArrow: '<div class="slick-next"><span class="icon-right"></span></div>', prevArrow: '<div class="slick-prev"><span class="icon-left"></span></div>', centerPadding: '8px', responsive: [{ breakpoint: 1199, settings: { arrows: false, slidesToShow: 4, } },{ breakpoint: 769, settings: { arrows: false, centerMode: true, centerPadding: '60px', slidesToShow: 3, slidesToScroll: 1, dots: true, } }, { breakpoint: 600, settings: { arrows: false, centerMode: true, centerPadding: '40px', slidesToShow: 2, initialSlide: 1, dots: true, } }, { breakpoint: 530, settings: { arrows: false, centerMode: true, centerPadding: '80px', slidesToShow: 1, initialSlide: 0, dots: true, } }, { breakpoint: 480, settings: { arrows: false, centerMode: true, centerPadding: '40px', slidesToShow: 1, initialSlide: 0, dots: true, } } ] }); });</script>
|
270 |
</div>
|
271 |
-
<div class="
|
272 |
-
<
|
273 |
-
|
274 |
-
|
275 |
-
|
276 |
-
|
277 |
-
|
278 |
-
|
279 |
-
|
280 |
-
|
281 |
-
|
282 |
-
|
283 |
-
|
284 |
-
|
285 |
-
</span>
|
286 |
-
<b>
|
287 |
-
Enjoy
|
288 |
-
<nobr>maintenance-free</nobr>
|
289 |
-
solution
|
290 |
-
</b>
|
291 |
-
<br> We do updates. We do backups. We do support. We autoscale. You do what you love — create sites.
|
292 |
-
</p>
|
293 |
-
<p>
|
294 |
-
<span class="icon">
|
295 |
-
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">
|
296 |
-
<path fill="none" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M21 20l7 7-7 7m39-14H37m23 13H37m7 13H20m40 0h-5M31 59H20m40 0H43"></path>
|
297 |
-
</svg>
|
298 |
-
</span>
|
299 |
-
<b>Explore the Ecwid API</b><br> Ecwid is as customizable as WooCommerce.<br> <a href="https://developers.ecwid.com/api-documentation" target="_blank">See the API docs ›</a>
|
300 |
-
</p>
|
301 |
-
<p>
|
302 |
-
<span class="icon">
|
303 |
-
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">
|
304 |
-
<path fill="none" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M64 64H16V16m0 48l14.968-24.051 10.795 6.085 4.5-23.634 9.487 10.904L64 24.833"></path>
|
305 |
-
</svg>
|
306 |
-
</span>
|
307 |
-
<b>Become a web partner</b><br> Earn extra money on every customer with our great affiliate program.<br> <a href="https://www.ecwid.com/webpartners">Web partners program ›</a>
|
308 |
-
</p>
|
309 |
-
<p>
|
310 |
-
<span class="icon">
|
311 |
-
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80">
|
312 |
-
<path fill="none" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M17.5 31.5H64M40 63l24-31.51L54.832 18H25.167L16 31.49 40 63z"></path>
|
313 |
</svg>
|
314 |
-
</span>
|
315 |
-
<b>Use premium Ecwid subscription for free</b><br> Need a premium Ecwid account to build and test WordPress sites? It is on us. Drop us a line, we will give it to you.<br> <a href="https://ecommerce-store.typeform.com/to/Heh5d4" target="_blank" rel="nofollow noopener">Write to us ›</a>
|
316 |
-
</p>
|
317 |
</div>
|
318 |
</div>
|
319 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
320 |
</div>
|
321 |
-
|
322 |
-
|
323 |
-
|
324 |
-
<div class="block-banner-gallery">
|
325 |
-
<div class="block-banner-gallery-inner">
|
326 |
-
<h2 class="block-banner-gallery__title">What merchants are saying</h2>
|
327 |
-
<div class="roll">
|
328 |
-
<div>
|
329 |
-
<div class="">
|
330 |
-
<div class="desc">
|
331 |
-
<p class="desc__quote"><span class="icon-quote"></span>The best webshop application in the world, really it’s ridiculous. All the other webshop applications aren’t even real webshops. They are fake webshop, really it’s ridiculous. When I saw this webshop app I knew I better start thinking big. So I did, really it’s ridiculous how good this webshop app is. the best webshop in the world. Really… it’s ridiculous!!!!</p>
|
332 |
-
<p class="desc__name"><span class="name"><a
|
333 |
-
href="https://wordpress.org/support/topic/simply-the-best-326/" target="_blank" rel="nofollow noopener">@stefapc8</a></span>
|
334 |
-
<br/>
|
335 |
-
</p>
|
336 |
-
</div>
|
337 |
-
</div>
|
338 |
-
</div>
|
339 |
-
<div>
|
340 |
-
<div class="">
|
341 |
-
<div class="desc">
|
342 |
-
<p class="desc__quote"><span class="icon-quote"></span>The plugin works very well on my website, all looks good, transactions and everything works perfectly! Thank you!</p>
|
343 |
-
<p class="desc__name"><span class="name"><a
|
344 |
-
href="https://wordpress.org/support/topic/best-plugin-483/" target="_blank" rel="nofollow noopener">@yavor77</a></span>
|
345 |
-
<br/>
|
346 |
-
</p>
|
347 |
-
</div>
|
348 |
-
</div>
|
349 |
-
</div>
|
350 |
-
<div>
|
351 |
-
<div class="">
|
352 |
-
<div class="desc">
|
353 |
-
<p class="desc__quote"><span class="icon-quote"></span>I’ve tried 2 dozen shopping carts and this is by far the most UI intuitive. I have the paid version and the accompanying phone app saves me loads of time when uploading products and photos.</p>
|
354 |
-
<p class="desc__name"><span class="name"><a
|
355 |
-
href="https://wordpress.org/support/topic/highly-recommend-48/" target="_blank" rel="nofollow noopener">@thickchick</a></span>
|
356 |
-
<br/>
|
357 |
-
</p>
|
358 |
-
</div>
|
359 |
-
</div>
|
360 |
-
</div>
|
361 |
-
<div>
|
362 |
-
<div class="">
|
363 |
-
<div class="desc">
|
364 |
-
<p class="desc__quote"><span class="icon-quote"></span>So easy to install and set up, the free version does so much and is a perfect solution for web sites with only a few products. The paid version does so many is a solid shopping cart solutions for those that have a more involved shopping cart.</p>
|
365 |
-
<p class="desc__name"><span class="name"><a
|
366 |
-
href="https://wordpress.org/support/topic/excellent-shopping-cart-2/" target="_blank" rel="nofollow noopener">@RCStudios</a></span>
|
367 |
-
<br/>
|
368 |
-
</p>
|
369 |
-
</div>
|
370 |
-
</div>
|
371 |
-
</div>
|
372 |
-
</div>
|
373 |
-
<div class="arrow left hidden"><span class="icon-left"></span></div>
|
374 |
-
<div class="arrow right hidden"><span class="icon-right"></span></div>
|
375 |
-
<div class="markers hidden"></div>
|
376 |
</div>
|
377 |
-
|
378 |
-
|
379 |
-
|
380 |
-
|
381 |
-
<div class="vertical-block__content vertical-text__content">
|
382 |
-
<div class="border-top"></div>
|
383 |
-
<div class="vertical-text__descr">
|
384 |
-
<h2>Add Ecwid to your WordPress site and start selling today!</h2>
|
385 |
-
<a href="https://my.ecwid.com/#register" class="btn btn-large btn-blue">Get started</a>
|
386 |
-
</div>
|
387 |
-
<div class="border-bottom"></div>
|
388 |
</div>
|
389 |
</div>
|
390 |
</div>
|
391 |
-
<script>jQuery(document).ready(function() { jQuery(".wordpress-page-main .vertical-header__text").addClass("in-view"); jQuery(".wordpress-page-main img").addClass("in-view"); jQuery(".wordpress-page-main .btn-block").addClass("in-view"); var jQueryanimationElements = ['.wordpress-page-features', '.wordpress-page-features2', '.wordpress-page-last', '.block-banner-gallery-inner', '.wordpress-page-star', '.wordpress-page-zero','.wordpress-page-tablet', '.wordpress-page-tablet img', '.wordpress-page-tablet .vertical-tile__text','.wordpress-page-desktop img', '.wordpress-page-desktop .btn-block', '.wordpress-page-desktop .vertical-header__text']; initScrollAnimation(jQueryanimationElements); });</script>
|
392 |
</div>
|
1 |
+
<?php
|
2 |
+
|
3 |
+
$connection_error = isset( $_GET['connection_error'] );
|
4 |
+
$register = !$connection_error && ! isset( $_GET['connect'] );
|
5 |
+
|
6 |
+
?>
|
7 |
+
|
8 |
+
<script type='text/javascript'>//<![CDATA[
|
9 |
+
document.body.className += ' ecwid-no-padding';
|
10 |
+
//]]>
|
11 |
+
</script>
|
12 |
+
<div class="ecwid-landing <?php echo $register ? 'register' : 'connect'; echo $connection_error ? ' conn-error': ''; ?>">
|
13 |
+
<div class="ecwid-thank">
|
14 |
+
<h1>
|
15 |
+
<?php printf( __( 'Welcome to %s!', 'ecwid-shopping-cart'), Ecwid_Config::get_brand() ); ?>
|
16 |
+
<span><?php printf( __( 'Thank you for choosing %s to build your online store. The first step to sell successfully online is to set up your store! Let’s get started and add a store to your website in a few simple steps.', 'ecwid-shopping-cart'), Ecwid_Config::get_brand() ); ?></span>
|
17 |
+
</h1>
|
18 |
+
|
19 |
+
<div class="ecwid-button">
|
20 |
+
|
21 |
+
<button class="create-store-button btn btn-primary btn-large">
|
22 |
+
<?php _e( 'Create Store', 'ecwid-shopping-cart' ); ?>
|
23 |
+
</button>
|
24 |
+
<button class="create-store-loading btn btn-primary btn-large btn-loading">
|
25 |
+
<div class="loader">
|
26 |
+
<div class="ecwid-spinner spin-right">
|
27 |
+
<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
28 |
+
<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
|
29 |
+
<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
|
30 |
+
<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
|
31 |
</svg>
|
32 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
33 |
</div>
|
34 |
+
</button>
|
35 |
+
|
36 |
+
<button class="create-store-success btn btn-large btn-success btn-icon">
|
37 |
+
<i class="icon-check"></i>
|
38 |
+
<?php _e('Store is created', 'ecwid-shopping-cart'); ?>
|
39 |
+
</button>
|
40 |
+
|
41 |
+
<div class="create-store-loading-note ecwid-button-description">
|
42 |
+
<?php _e('Creating store', 'ecwid-shopping-cart'); ?>
|
43 |
</div>
|
44 |
+
|
45 |
+
<div class="create-store-success-note ecwid-button-description">
|
46 |
+
<?php _e('Preparing your store dashboard', 'ecwid-shopping-cart'); ?>
|
47 |
+
</div>
|
48 |
+
|
49 |
+
<div class="button-description-mobile">
|
50 |
+
<?php _e('Free registration, No credit card required', 'ecwid-shopping-cart'); ?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
51 |
</div>
|
52 |
+
<div class="button-description-mobile on-error ecwid-connection-error">
|
53 |
+
<?php printf( __( 'Connection error: please click the button again and give permissions for this plugin<br /> to show your %s store on this site.', 'ecwid-shopping-cart' ), Ecwid_Config::get_brand() ); ?>
|
54 |
+
</div>
|
55 |
+
<div class="create-store-have-account ecwid-button-description">
|
56 |
+
<span class="create-store-have-account-question"><?php printf( __( 'Already have %s account?', 'ecwid-shopping-cart'), Ecwid_Config::get_brand() ); ?></span>
|
57 |
+
<a class="create-store-have-account-link" href="admin-post.php?action=ec_connect"><?php _e('Connect your store to this site', 'ecwid-shopping-cart'); ?></a>
|
58 |
+
</div>
|
59 |
+
<div class="button-description-mobile">
|
60 |
+
<?php printf( __( 'You will be asked to log in to your %s Control Panel<br />and give permissions to show your store on this site', 'ecwid-shopping-cart'), Ecwid_Config::get_brand() ); ?>
|
61 |
+
</div>
|
62 |
+
<div class="button-description-mobile">
|
63 |
+
<h3><?php _e('Get ready to sell online', 'ecwid-shopping-cart'); ?></h3>
|
64 |
+
</div>
|
65 |
+
</div>
|
66 |
+
<div class="ecwid-thank-background">
|
67 |
+
<div class="ecwid-thank-background-tablet"><img src="<?php echo ECWID_PLUGIN_URL; ?>images/landing/tablet-iphone.png"></div>
|
68 |
</div>
|
69 |
</div>
|
70 |
+
<div class="ecwid-description">
|
71 |
+
<div class="ecwid-description-inner">
|
72 |
+
<div class="ecwid-description-image"><img src="<?php echo ECWID_PLUGIN_URL; ?>images/landing/ecwid-description-image.jpg"></div>
|
73 |
+
<div class="ecwid-description-text">
|
74 |
+
<h2><?php _e( 'Sell Everywhere', 'ecwid-shopping-cart'); ?></h2>
|
75 |
+
<p><?php _e('Start selling on your WordPress site. Then mirror your shop on your Facebook page, blog and marketplaces like Google Shopping, Yahoo and Shopping.com.', 'ecwid-shopping-cart'); ?></p>
|
76 |
+
<p><?php printf( __( 'Use %s\'s mobile-POS to swipe credit cards and sell on the go. Your orders and inventory are always synchronized with your online store.', 'ecwid-shopping-cart'), Ecwid_Config::get_brand() ); ?></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
77 |
</div>
|
78 |
</div>
|
79 |
</div>
|
80 |
+
<div class="ecwid-features">
|
81 |
+
<div class="ecwid-features-inner">
|
82 |
+
<h2><?php _e('Features', 'ecwid-shopping-cart'); ?></h2>
|
83 |
+
<div class="ecwid-features-top">
|
84 |
+
<div class="ecwid-features-top-item">
|
85 |
+
<div class="ecwid-features-top-item-image">
|
86 |
+
<img src="<?php echo ECWID_PLUGIN_URL; ?>images/landing/wordpress.svg">
|
87 |
+
</div>
|
88 |
+
<div class="ecwid-features-top-item-text">
|
89 |
+
<h3><?php _e('Compatible with your theme', 'ecwid-shopping-cart'); ?></h3>
|
90 |
+
<p><?php printf( __( '%s is compatible with your<br>“%s” WordPress theme<br>out of the box.', 'ecwid-shopping-cart' ), Ecwid_Config::get_brand(), ecwid_get_theme_name() ); ?></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
91 |
</div>
|
92 |
</div>
|
93 |
+
<div class="ecwid-features-top-item">
|
94 |
+
<div class="ecwid-features-top-item-image">
|
95 |
+
<img src="<?php echo ECWID_PLUGIN_URL; ?>images/landing/gift.svg" class="gift">
|
96 |
+
</div>
|
97 |
+
<div class="ecwid-features-top-item-text">
|
98 |
+
<h3><?php _e('Free and always up to date', 'ecwid-shopping-cart'); ?></h3>
|
99 |
+
<p><?php _e('Free plan always available with tons of features<br>at no additional cost. Updates are seamless, automatic<br>and free of charge.', 'ecwid-shopping-cart'); ?></p>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
100 |
</div>
|
101 |
</div>
|
|
|
102 |
</div>
|
103 |
+
<div class="ecwid-features-bottom">
|
104 |
+
<div class="ecwid-features-bottom-item">
|
105 |
+
<div class="ecwid-features-bottom-item-image">
|
106 |
+
<img src="<?php echo ECWID_PLUGIN_URL; ?>images/landing/responsive-grow.svg">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
107 |
</div>
|
108 |
+
<div class="ecwid-features-bottom-item-text">
|
109 |
+
<h3><?php _e('Responsive design', 'ecwid-shopping-cart'); ?></h3>
|
110 |
+
<p><?php _e('Your store looks perfect<br />on all devices', 'ecwid-shopping-cart'); ?></p>
|
|
|
|
|
|
|
|
|
|
|
111 |
</div>
|
112 |
+
</div>
|
113 |
+
<div class="ecwid-features-bottom-item">
|
114 |
+
<div class="ecwid-features-bottom-item-image">
|
115 |
+
<img src="<?php echo ECWID_PLUGIN_URL; ?>images/landing/secure-pci.svg" class="secure">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
116 |
</div>
|
117 |
+
<div class="ecwid-features-bottom-item-text">
|
118 |
+
<h3><?php _e('PCI DSS Certified', 'ecwid-shopping-cart'); ?></h3>
|
119 |
+
<p><?php _e('Secure checkout with over 40<br />payment options', 'ecwid-shopping-cart'); ?></p>
|
|
|
|
|
|
|
|
|
|
|
120 |
</div>
|
121 |
+
</div>
|
122 |
+
<div class="ecwid-features-bottom-item">
|
123 |
+
<div class="ecwid-features-bottom-item-image">
|
124 |
+
<img src="<?php echo ECWID_PLUGIN_URL; ?>images/landing/global.svg">
|
|
|
|
|
|
|
|
|
125 |
</div>
|
126 |
+
<div class="ecwid-features-bottom-item-text">
|
127 |
+
<h3><?php _e('Global Reach', 'ecwid-shopping-cart'); ?></h3>
|
128 |
+
<p><?php _e('Over 1 million merchants in 175 countries', 'ecwid-shopping-cart'); ?></p>
|
|
|
|
|
|
|
|
|
|
|
129 |
</div>
|
130 |
</div>
|
131 |
</div>
|
132 |
</div>
|
|
|
|
|
133 |
</div>
|
134 |
+
<div class="ecwid-start">
|
135 |
+
<h2><?php _e('Start selling <br>on your WordPress <nobr>site for free</nobr>', 'ecwid-shopping-cart'); ?>
|
136 |
+
</h2>
|
137 |
+
<div class="ecwid-button">
|
138 |
+
<button class="create-store-button btn btn-primary btn-large">
|
139 |
+
<?php _e( 'Create Store', 'ecwid-shopping-cart'); ?>
|
140 |
+
</button>
|
141 |
+
<button class="create-store-loading btn btn-primary btn-large btn-loading">
|
142 |
+
<div class="loader">
|
143 |
+
<div class="ecwid-spinner spin-right">
|
144 |
+
<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
145 |
+
<path class="loader-outer" d="M30,60 C46.5685425,60 60,46.5685425 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 L30,60 Z"></path>
|
146 |
+
<path class="loader-background" d="M30,56 C44.3594035,56 56,44.3594035 56,30 C56,15.6405965 44.3594035,4 30,4 C15.6405965,4 4,15.6405965 4,30 C4,44.3594035 15.6405965,56 30,56 L30,56 Z" fill="#FFFFFF"></path>
|
147 |
+
<path class="loader-inner" d="M12.0224719,32.0224719 C10.9078652,32.0224719 10,31.1146067 10,30 C10,18.9707865 18.9707865,10 30,10 C31.1146067,10 32.0224719,10.9078652 32.0224719,12.0224719 C32.0224719,13.1370787 31.1146067,14.0449438 30,14.0449438 C21.2,14.0449438 14.0449438,21.2 14.0449438,30 C14.0449438,31.1146067 13.1370787,32.0224719 12.0224719,32.0224719 L12.0224719,32.0224719 Z M30,50 C28.8853933,50 27.9775281,49.0921348 27.9775281,47.9775281 C27.9775281,46.8629213 28.8853933,45.9550562 30,45.9550562 C38.8,45.9550562 45.9550562,38.8 45.9550562,30 C45.9550562,28.8853933 46.8629213,27.9775281 47.9775281,27.9775281 C49.0921348,27.9775281 50,28.8853933 50,30 C50,41.0292135 41.0292135,50 30,50 L30,50 Z" fill="#231F20"></path>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
148 |
</svg>
|
|
|
|
|
|
|
149 |
</div>
|
150 |
</div>
|
151 |
+
</button>
|
152 |
+
|
153 |
+
<button class="create-store-success btn btn-large btn-success btn-icon">
|
154 |
+
<i class="icon-check"></i>
|
155 |
+
<?php _e('Store is created', 'ecwid-shopping-cart'); ?>
|
156 |
+
</button>
|
157 |
+
|
158 |
+
<div class="create-store-loading-note ecwid-button-description">
|
159 |
+
<?php _e('Creating store', 'ecwid-shopping-cart'); ?>
|
160 |
</div>
|
161 |
+
|
162 |
+
<div class="create-store-success-note ecwid-button-description">
|
163 |
+
<?php _e('Preparing your store dashboard', 'ecwid-shopping-cart'); ?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
164 |
</div>
|
165 |
+
|
166 |
+
<div class="ecwid-button-description">
|
167 |
+
<?php printf( __( 'Already have %s account?', 'ecwid-shopping-cart'), Ecwid_Config::get_brand() ); ?>
|
168 |
+
<a href="admin-post.php?action=ec_connect"><?php _e('Connect your store to this site', 'ecwid-shopping-cart'); ?></a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
169 |
</div>
|
170 |
</div>
|
171 |
</div>
|
|
|
172 |
</div>
|