Commit 57e33a66ac47f9406b3f88086eb522bc4dfac1ec

Authored by Alex Savenko
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,
1 1111fdsfadsfdsf 1 1111fdsfadsfdsf
2 -tfghdgfhdgfh  
3 \ No newline at end of file 2 \ No newline at end of file
  3 + tfghdgfhdgfh
4 \ No newline at end of file 4 \ No newline at end of file