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,189 +21,208 @@
21 $this->title = Yii::t('app', 'Главная'); 21 $this->title = Yii::t('app', 'Главная');
22 ?> 22 ?>
23 <div class="section-box box-slider-wr margin-top"> 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 'items' => $menu_items, 65 'items' => $menu_items,
60 - ]);  
61 - ?>  
62 - </div> 66 + ]
  67 + );
  68 + ?>
63 </div> 69 </div>
  70 + </div>
64 </div> 71 </div>
65 <?php 72 <?php
66 /* Заменить на нормальную мозайку */ 73 /* Заменить на нормальную мозайку */
67 ?> 74 ?>
68 <div class="section-box box-mosaic margin-top"> 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 </div> 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 </div> 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 if(!empty( $options[ 6 ] )) { 227 if(!empty( $options[ 6 ] )) {
209 /** 228 /**
@@ -342,24 +361,26 @@ @@ -342,24 +361,26 @@
342 ?> 361 ?>
343 </div> 362 </div>
344 */ ?> 363 */ ?>
  364 + </div>
345 </div> 365 </div>
346 - <?php 366 +<?php
347 /* Заменить на нормальную мозайку */ 367 /* Заменить на нормальную мозайку */
348 ?> 368 ?>
349 369
350 <div class="section-box box-banners margin-top visible-md visible-lg"> 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 <?php 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 </div> 385 </div>
365 386