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