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 | 6 | |
7 | 7 | ?> |
8 | 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 | 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 | 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 | 65 | </div> |
63 | 66 | </div> |
64 | - </div> | |
65 | 67 | HTML; |
66 | - } | |
68 | + } | |
67 | 69 | |
68 | - $htm .= <<<HTML | |
69 | - </div> | |
70 | + $htm .= <<<HTML | |
71 | + </div> | |
70 | 72 | |
71 | 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 | 83 | </div> |
82 | 84 | |
83 | 85 | <div style="clear:both;"></div> |
84 | 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 | 95 | $js=" $(\".carousel\").owlCarousel({ |
88 | 96 | items: 1, |
89 | 97 | loop: true, | ... | ... |
test.txt