Yarik / vitex

Commit 06efb82345fae5616c2bf74301d148787b074635

Authored by Yarik
1 parent 4f35a60d

Layout fix

Showing 1 changed file with 208 additions and 187 deletions   Show diff stats
Inline Side-by-side
frontend/views/site/index.php
  Show/Hide comments   View file @06efb82
... ... @@ -21,189 +21,208 @@
21 21 $this->title = Yii::t('app', 'Главная');
22 22 ?>
23 23 <div class="section-box box-slider-wr margin-top">
24   - <div class="style box-slider">
25   - <div class="style slider-img">
26   - <?php
27   - $first = true;
28   - foreach($slider->sliderImage as $image) {
29   - ?>
30   - <a href="<?= Url::to($image->url) ?>" class="<?php echo $first ? 'active-slide' : ''; ?>">
31   - <?php
32   - echo ArtboxImageHelper::getImage($image->getImageUrl(), 'slider_main', [ 'width' => 1140,
33   - 'height' => 460,
34   - ]);
35   - ?>
36   - <div>
37   - <p><?= $image->lang->title; ?></p>
38   - <span><?= $image->lang->alt; ?></span>
39   - </div>
40   - </a>
41   - <?php
42   - $first = false;
43   - }
44   - ?>
45   - </div>
46   - <div class="slider-menu">
47   - <?php
48   - $menu_items = [];
49   - foreach($categories as $category) {
50   - $menu_items[] = [
51   - 'label' => $category->lang->name,
52   - 'url' => [
53   - 'filter/category',
54   - 'id' => $category->category_id,
55   - ],
56   - ];
57   - }
58   - echo Menu::widget([
  24 + <div class="style box-slider">
  25 + <div class="style slider-img">
  26 + <?php
  27 + $first = true;
  28 + foreach ($slider->sliderImage as $image) {
  29 + ?>
  30 + <a href="<?= Url::to($image->url) ?>" class="<?php echo $first ? 'active-slide' : ''; ?>">
  31 + <?php
  32 + echo ArtboxImageHelper::getImage(
  33 + $image->getImageUrl(),
  34 + 'slider_main',
  35 + [
  36 + 'width' => 1140,
  37 + 'height' => 460,
  38 + ]
  39 + );
  40 + ?>
  41 + <div>
  42 + <p><?= $image->lang->title; ?></p>
  43 + <span><?= $image->lang->alt; ?></span>
  44 + </div>
  45 + </a>
  46 + <?php
  47 + $first = false;
  48 + }
  49 + ?>
  50 + </div>
  51 + <div class="slider-menu">
  52 + <?php
  53 + $menu_items = [];
  54 + foreach ($categories as $category) {
  55 + $menu_items[] = [
  56 + 'label' => $category->lang->name,
  57 + 'url' => [
  58 + 'filter/category',
  59 + 'id' => $category->category_id,
  60 + ],
  61 + ];
  62 + }
  63 + echo Menu::widget(
  64 + [
59 65 'items' => $menu_items,
60   - ]);
61   - ?>
62   - </div>
  66 + ]
  67 + );
  68 + ?>
63 69 </div>
  70 + </div>
64 71 </div>
65 72 <?php
66 73 /* Заменить на нормальную мозайку */
67 74 ?>
68 75 <div class="section-box box-mosaic margin-top">
69   - <div class="row">
70   - <?php
71   - $options = $purposes->options;
72   - ?>
73   -
74   - <div class="col-xs-12 col-sm-3 col-md-3">
75   - <div class="row">
76   - <?php
77   - if(!empty( $options[ 2 ] )) {
78   - /**
79   - * @var TaxOption $option
80   - */
81   - $option = $options[ 2 ];
82   - ?>
83   - <div class="col-xs-12 col-sm-12 col-md-12 moz-1 moz-1-1">
84   - <a href="<?= Url::to([
85   - 'filter/purpose',
86   - 'id' => $option->tax_option_id,
87   - ]); ?>"><p><?= $option->lang->value; ?></p>
88   - <div class="hidden-xs" style="background: url('/images/img/img-new-1.png') 50% 0 no-repeat;"></div>
89   - <div class="visible-xs" style="background: url('/images/img/img-new-1-small.png') 50% 0 no-repeat; display: none;"></div>
90   - </a>
91   - </div>
92   - <?php
93   - }
94   - ?>
  76 + <div class="row">
  77 + <?php
  78 + $options = $purposes->options;
  79 + ?>
  80 +
  81 + <div class="col-xs-12 col-sm-3 col-md-3">
  82 + <div class="row">
  83 + <?php
  84 + if (!empty($options[ 2 ])) {
  85 + /**
  86 + * @var TaxOption $option
  87 + */
  88 + $option = $options[ 2 ];
  89 + ?>
  90 + <div class="col-xs-12 col-sm-12 col-md-12 moz-1 moz-1-1">
  91 + <a href="<?= Url::to(
  92 + [
  93 + 'filter/purpose',
  94 + 'id' => $option->tax_option_id,
  95 + ]
  96 + ); ?>"><p><?= $option->lang->value; ?></p>
  97 + <div class="hidden-xs" style="background: url('/images/img/img-new-1.png') 50% 0 no-repeat;"></div>
  98 + <div class="visible-xs" style="background: url('/images/img/img-new-1-small.png') 50% 0 no-repeat; display: none;"></div>
  99 + </a>
95 100 </div>
96   - </div>
97   -
98   - <div class="col-xs-6 col-sm-3 col-md-3">
99   - <div class="row">
100   - <?php
101   - if(!empty( $options[ 1 ] )) {
102   - /**
103   - * @var TaxOption $option
104   - */
105   - $option = $options[ 1 ];
106   - ?>
107   - <div class="col-xs-12 col-sm-12 col-md-12 moz-2 moz-2-1">
108   - <a href="<?= Url::to([
109   - 'filter/purpose',
110   - 'id' => $option->tax_option_id,
111   - ]); ?>"><p><?= $option->lang->value; ?></p>
112   - <div class="hidden-xs" style="background: url('/images/img/img-new-2.png') 50% 0 no-repeat;"></div>
113   - <div class="visible-xs" style="background: url('/images/img/img-new-2-small.png') 50% 0 no-repeat; display: none;"></div>
114   - </a>
115   - </div>
116   - <?php
117   - }
118   -
119   - if(!empty( $options[ 3 ] )) {
120   - /**
121   - * @var TaxOption $option
122   - */
123   - $option = $options[ 3 ];
124   - ?>
125   - <div class="col-xs-12 col-sm-12 col-md-12 moz-2 moz-2-1" style="margin-top: 2px">
126   - <a href="<?= Url::to([
127   - 'filter/purpose',
128   - 'id' => $option->tax_option_id,
129   - ]); ?>"><p><?= $option->lang->value; ?></p>
130   - <div class="hidden-xs" style="background: url('/images/img/img-new-3.png') 50% 0 no-repeat;"></div>
131   - <div class="visible-xs" style="background: url('/images/img/img-new-3-small.png') 50% 0 no-repeat; display: none;"></div>
132   - </a>
133   - </div>
134   - <?php
135   - }
136   -
137   - ?>
  101 + <?php
  102 + }
  103 + ?>
  104 + </div>
  105 + </div>
  106 +
  107 + <div class="col-xs-6 col-sm-3 col-md-3">
  108 + <div class="row">
  109 + <?php
  110 + if (!empty($options[ 1 ])) {
  111 + /**
  112 + * @var TaxOption $option
  113 + */
  114 + $option = $options[ 1 ];
  115 + ?>
  116 + <div class="col-xs-12 col-sm-12 col-md-12 moz-2 moz-2-1">
  117 + <a href="<?= Url::to(
  118 + [
  119 + 'filter/purpose',
  120 + 'id' => $option->tax_option_id,
  121 + ]
  122 + ); ?>"><p><?= $option->lang->value; ?></p>
  123 + <div class="hidden-xs" style="background: url('/images/img/img-new-2.png') 50% 0 no-repeat;"></div>
  124 + <div class="visible-xs" style="background: url('/images/img/img-new-2-small.png') 50% 0 no-repeat; display: none;"></div>
  125 + </a>
138 126 </div>
139   - </div>
140   -
141   - <div class="col-xs-6 col-sm-3 col-md-3">
142   - <div class="row">
143   - <?php
144   - if(!empty( $options[ 4 ] )) {
145   - /**
146   - * @var TaxOption $option
147   - */
148   - $option = $options[ 4 ];
149   - ?>
150   - <div class="col-xs-12 col-sm-12 col-md-12 moz-2 moz-2-2">
151   - <a href="<?= Url::to([
152   - 'filter/purpose',
153   - 'id' => $option->tax_option_id,
154   - ]); ?>"><p><?= $option->lang->value; ?></p>
155   - <div class="hidden-xs" style="background: url('/images/img/img-new-4.png') 50% 0 no-repeat;"></div>
156   - <div class="visible-xs" style="background: url('/images/img/img-new-4-small.png') 50% 0 no-repeat; display: none;"></div>
157   - </a>
158   - </div>
159   - <?php
160   - }
161   -// 5
162   - if(!empty( $options[ 5 ] )) {
163   - /**
164   - * @var TaxOption $option
165   - */
166   - $option = $options[ 5 ];
167   - ?>
168   - <div class="col-xs-12 col-sm-12 col-md-12 moz-2 moz-2-2" style="margin-top: 2px;">
169   - <a href="<?= Url::to([
170   - 'filter/purpose',
171   - 'id' => $option->tax_option_id,
172   - ]); ?>"><p><?= $option->lang->value; ?></p>
173   - <div class="hidden-xs" style="background: url('/images/img/img-new-5.png') 50% 0 no-repeat;"></div>
174   - <div class="visible-xs" style="background: url('/images/img/img-new-5-small.png') 50% 0 no-repeat; display: none;"></div>
175   - </a>
176   - </div>
177   - <?php
178   - }
179   - ?>
180   - </div>
181   - </div>
182   - <div class="col-xs-12 col-sm-3 col-md-3">
183   - <div class="row">
184   - <?php
185   -
186   - if(!empty( $options[ 0 ] )) {
187   - /**
188   - * @var TaxOption $option
189   - */
190   - $option = $options[ 0 ];
191   - ?>
192   - <div class="col-xs-12 col-sm-12 col-md-12 moz-1 moz-1-2" style="padding-right: 15px !important;">
193   - <a href="<?= Url::to([
194   - 'filter/purpose',
195   - 'id' => $option->tax_option_id,
196   - ]); ?>"><p><?= $option->lang->value; ?></p>
197   - <div class="hidden-xs" style="background: url('/images/img/img-new-6.png') 50% 0 no-repeat;"></div>
198   - <div class="visible-xs" style="background: url('/images/img/img-new-6-small.png') 50% 0 no-repeat; display: none;"></div>
199   - </a>
200   - </div>
201   - <?php
202   - }
203   - ?>
204   - </div>
205   - </div>
206   - <?php
  127 + <?php
  128 + }
  129 +
  130 + if (!empty($options[ 3 ])) {
  131 + /**
  132 + * @var TaxOption $option
  133 + */
  134 + $option = $options[ 3 ];
  135 + ?>
  136 + <div class="col-xs-12 col-sm-12 col-md-12 moz-2 moz-2-1" style="margin-top: 2px">
  137 + <a href="<?= Url::to(
  138 + [
  139 + 'filter/purpose',
  140 + 'id' => $option->tax_option_id,
  141 + ]
  142 + ); ?>"><p><?= $option->lang->value; ?></p>
  143 + <div class="hidden-xs" style="background: url('/images/img/img-new-3.png') 50% 0 no-repeat;"></div>
  144 + <div class="visible-xs" style="background: url('/images/img/img-new-3-small.png') 50% 0 no-repeat; display: none;"></div>
  145 + </a>
  146 + </div>
  147 + <?php
  148 + }
  149 +
  150 + ?>
  151 + </div>
  152 + </div>
  153 +
  154 + <div class="col-xs-6 col-sm-3 col-md-3">
  155 + <div class="row">
  156 + <?php
  157 + if (!empty($options[ 4 ])) {
  158 + /**
  159 + * @var TaxOption $option
  160 + */
  161 + $option = $options[ 4 ];
  162 + ?>
  163 + <div class="col-xs-12 col-sm-12 col-md-12 moz-2 moz-2-2">
  164 + <a href="<?= Url::to(
  165 + [
  166 + 'filter/purpose',
  167 + 'id' => $option->tax_option_id,
  168 + ]
  169 + ); ?>"><p><?= $option->lang->value; ?></p>
  170 + <div class="hidden-xs" style="background: url('/images/img/img-new-4.png') 50% 0 no-repeat;"></div>
  171 + <div class="visible-xs" style="background: url('/images/img/img-new-4-small.png') 50% 0 no-repeat; display: none;"></div>
  172 + </a>
  173 + </div>
  174 + <?php
  175 + }
  176 + // 5
  177 + if (!empty($options[ 5 ])) {
  178 + /**
  179 + * @var TaxOption $option
  180 + */
  181 + $option = $options[ 5 ];
  182 + ?>
  183 + <div class="col-xs-12 col-sm-12 col-md-12 moz-2 moz-2-2" style="margin-top: 2px;">
  184 + <a href="<?= Url::to(
  185 + [
  186 + 'filter/purpose',
  187 + 'id' => $option->tax_option_id,
  188 + ]
  189 + ); ?>"><p><?= $option->lang->value; ?></p>
  190 + <div class="hidden-xs" style="background: url('/images/img/img-new-5.png') 50% 0 no-repeat;"></div>
  191 + <div class="visible-xs" style="background: url('/images/img/img-new-5-small.png') 50% 0 no-repeat; display: none;"></div>
  192 + </a>
  193 + </div>
  194 + <?php
  195 + }
  196 + ?>
  197 + </div>
  198 + </div>
  199 + <div class="col-xs-12 col-sm-3 col-md-3">
  200 + <div class="row">
  201 + <?php
  202 +
  203 + if (!empty($options[ 0 ])) {
  204 + /**
  205 + * @var TaxOption $option
  206 + */
  207 + $option = $options[ 0 ];
  208 + ?>
  209 + <div class="col-xs-12 col-sm-12 col-md-12 moz-1 moz-1-2" style="padding-right: 15px !important;">
  210 + <a href="<?= Url::to(
  211 + [
  212 + 'filter/purpose',
  213 + 'id' => $option->tax_option_id,
  214 + ]
  215 + ); ?>"><p><?= $option->lang->value; ?></p>
  216 + <div class="hidden-xs" style="background: url('/images/img/img-new-6.png') 50% 0 no-repeat;"></div>
  217 + <div class="visible-xs" style="background: url('/images/img/img-new-6-small.png') 50% 0 no-repeat; display: none;"></div>
  218 + </a>
  219 + </div>
  220 + <?php
  221 + }
  222 + ?>
  223 + </div>
  224 + </div>
  225 + <?php
207 226 /*
208 227 if(!empty( $options[ 6 ] )) {
209 228 /**
... ... @@ -342,24 +361,26 @@
342 361 ?>
343 362 </div>
344 363 */ ?>
  364 + </div>
345 365 </div>
346   - <?php
  366 +<?php
347 367 /* Заменить на нормальную мозайку */
348 368 ?>
349 369  
350 370 <div class="section-box box-banners margin-top visible-md visible-lg">
351   - <div class="row">
352   - <?php
353   - foreach($banners as $banner) {
354   - ?>
355   - <div class="col-md-6">
356   - <?php
357   - echo Html::a(Html::img($banner->lang->imageUrl), $banner->url);
358   - ?>
359   - </div>
  371 + <div class="row">
  372 + <?php
  373 + foreach ($banners as $banner) {
  374 + ?>
  375 + <div class="col-md-6">
360 376 <?php
361   - }
362   - ?>
363   - </div>
  377 + echo Html::a(Html::img($banner->lang->imageUrl), $banner->url);
  378 + ?>
  379 + </div>
  380 + <?php
  381 + }
  382 + ?>
  383 + <div class="clearfix"></div>
  384 + </div>
364 385 </div>
365 386  
... ...