Commit 57e33a66ac47f9406b3f88086eb522bc4dfac1ec
1 parent
0cfd2442
slider fix
Showing
2 changed files
with
64 additions
and
56 deletions
Show diff stats
frontend/widgets/views/slider.php
@@ -6,84 +6,92 @@ use yii\helpers\Url; | @@ -6,84 +6,92 @@ use yii\helpers\Url; | ||
6 | 6 | ||
7 | ?> | 7 | ?> |
8 | <div class="carousel"> | 8 | <div class="carousel"> |
9 | - <?php foreach($slider->sliderImage as $image): | ||
10 | - if($image->isActive()){ | ||
11 | - $htm = <<<HTML | ||
12 | - | ||
13 | - <div style="background:url($image->image ) center center no-repeat;width:100%;height:480px;position:absolute;"> | ||
14 | - </div> | ||
15 | - <div class="12n content"> | 9 | + <?php |
10 | + if(!empty($slider)) { | ||
11 | + foreach($slider->sliderImage as $image): | ||
12 | + if($image->isActive()){ | ||
13 | + $htm = <<<HTML | ||
14 | + | ||
15 | + <div style="background:url($image->image ) center center no-repeat;width:100%;height:480px;position:absolute;"> | ||
16 | + </div> | ||
17 | + <div class="12n content"> | ||
16 | 18 | ||
17 | HTML; | 19 | HTML; |
18 | 20 | ||
19 | 21 | ||
20 | - if(!empty($image->end_at) && strtotime($image->end_at) > strtotime(date("Y-m-d"))){ | ||
21 | - ?> | ||
22 | - <div class="clock_style clock_<?= $image->primaryKey ?>"></div> | ||
23 | - <script type="text/javascript"> | ||
24 | - var clock; | ||
25 | - | ||
26 | - $(document).ready(function() { | 22 | + if(!empty($image->end_at) && strtotime($image->end_at) > strtotime(date("Y-m-d"))){ |
23 | + ?> | ||
24 | + <div class="clock_style clock_<?= $image->primaryKey ?>"></div> | ||
25 | + <script type="text/javascript"> | ||
27 | var clock; | 26 | var clock; |
28 | 27 | ||
29 | - clock = $('.clock_<?= $image->primaryKey ?>').FlipClock({ | ||
30 | - clockFace: 'DailyCounter', | ||
31 | - language: 'ru', | ||
32 | - classes: { | ||
33 | - active: 'flip-clock-active', | ||
34 | - before: 'flip-clock-before', | ||
35 | - divider: 'flip-clock-divider', | ||
36 | - dot: 'flip-clock-dot', | ||
37 | - label: 'flip-clock-label', | ||
38 | - flip: 'flip', | ||
39 | - play: 'play', | ||
40 | - wrapper: 'flip-clock-wrapper' | ||
41 | - }, | ||
42 | - }); | ||
43 | - | ||
44 | - clock.setTime(<?= strtotime($image->end_at) - strtotime(date("Y-m-d H:i:s"))?>); | ||
45 | - clock.setCountdown(true); | ||
46 | - clock.start(); | 28 | + $(document).ready(function() { |
29 | + var clock; | ||
30 | + | ||
31 | + clock = $('.clock_<?= $image->primaryKey ?>').FlipClock({ | ||
32 | + clockFace: 'DailyCounter', | ||
33 | + language: 'ru', | ||
34 | + classes: { | ||
35 | + active: 'flip-clock-active', | ||
36 | + before: 'flip-clock-before', | ||
37 | + divider: 'flip-clock-divider', | ||
38 | + dot: 'flip-clock-dot', | ||
39 | + label: 'flip-clock-label', | ||
40 | + flip: 'flip', | ||
41 | + play: 'play', | ||
42 | + wrapper: 'flip-clock-wrapper' | ||
43 | + }, | ||
44 | + }); | ||
45 | + | ||
46 | + clock.setTime(<?= strtotime($image->end_at) - strtotime(date("Y-m-d H:i:s"))?>); | ||
47 | + clock.setCountdown(true); | ||
48 | + clock.start(); | ||
47 | 49 | ||
48 | - }); | ||
49 | - </script> | 50 | + }); |
51 | + </script> | ||
50 | 52 | ||
51 | 53 | ||
52 | - <?php | ||
53 | - } | 54 | + <?php |
55 | + } | ||
54 | 56 | ||
55 | - if(!empty($image->price)) { | ||
56 | - $htm .= <<<HTML | ||
57 | - <div class="price_round_border"> | ||
58 | - <div class="price_round"> | ||
59 | - <div class="title">Супер цена</div> | ||
60 | - <div class="desc">$image->price | ||
61 | - <div>грн.</div> | 57 | + if(!empty($image->price)) { |
58 | + $htm .= <<<HTML | ||
59 | + <div class="price_round_border"> | ||
60 | + <div class="price_round"> | ||
61 | + <div class="title">Супер цена</div> | ||
62 | + <div class="desc">$image->price | ||
63 | + <div>грн.</div> | ||
64 | + </div> | ||
62 | </div> | 65 | </div> |
63 | </div> | 66 | </div> |
64 | - </div> | ||
65 | HTML; | 67 | HTML; |
66 | - } | 68 | + } |
67 | 69 | ||
68 | - $htm .= <<<HTML | ||
69 | - </div> | 70 | + $htm .= <<<HTML |
71 | + </div> | ||
70 | 72 | ||
71 | HTML; | 73 | HTML; |
72 | 74 | ||
73 | 75 | ||
74 | - ?> | 76 | + ?> |
75 | 77 | ||
76 | - <div class="slide"> | ||
77 | - <?= Html::a($htm, Url::toRoute($image->url)); ?> | ||
78 | - </div> | ||
79 | - <?php }?> | ||
80 | -<?php endforeach; ?> | 78 | + <div class="slide"> |
79 | + <?= Html::a($htm, Url::toRoute($image->url)); ?> | ||
80 | + </div> | ||
81 | + <?php }?> | ||
82 | +<?php endforeach; }?> | ||
81 | </div> | 83 | </div> |
82 | 84 | ||
83 | <div style="clear:both;"></div> | 85 | <div style="clear:both;"></div> |
84 | <?php | 86 | <?php |
85 | -$dur = $slider->duration ? $slider->duration : 5000; | ||
86 | -$speed = $slider->speed ? $slider->speed : 500; | 87 | +if (empty($slider)) { |
88 | + $dur = 5000; | ||
89 | + $speed = 500; | ||
90 | +} | ||
91 | +else { | ||
92 | + $dur = $slider->duration ? $slider->duration : 5000; | ||
93 | + $speed = $slider->speed ? $slider->speed : 500; | ||
94 | +} | ||
87 | $js=" $(\".carousel\").owlCarousel({ | 95 | $js=" $(\".carousel\").owlCarousel({ |
88 | items: 1, | 96 | items: 1, |
89 | loop: true, | 97 | loop: true, |
test.txt