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