Yarik / artbox-shop

Commit ce64afcb192114ddd4dcc07831e5a482f003f891

Authored by Yarik
1 parent 4b0990fd

Image fixes

Showing 1 changed file with 216 additions and 215 deletions   Show diff stats
Inline Side-by-side
frontend/views/product/view.php
  Show/Hide comments   View file @ce64afc
@@ -17,8 +17,8 @@ @@ -17,8 +17,8 @@
17 * @var Product[] $similar 17 * @var Product[] $similar
18 */ 18 */
19 $seo = \Yii::$app->get('seo'); 19 $seo = \Yii::$app->get('seo');
20 - if (!empty( $model->category )) {  
21 - if (!empty( $model->category->parent )) { 20 + if (!empty($model->category)) {
  21 + if (!empty($model->category->parent)) {
22 $this->params[ 'breadcrumbs' ][] = [ 22 $this->params[ 'breadcrumbs' ][] = [
23 'label' => $model->category->parent->lang->title, 23 'label' => $model->category->parent->lang->title,
24 'url' => [ 24 'url' => [
@@ -36,236 +36,237 @@ @@ -36,236 +36,237 @@
36 ]; 36 ];
37 } 37 }
38 $this->params[ 'breadcrumbs' ][] = $seo->title; 38 $this->params[ 'breadcrumbs' ][] = $seo->title;
  39 + $images = $model->images;
39 if (!empty($model->image)) { 40 if (!empty($model->image)) {
40 - array_unshift($model->images, $model->image); 41 + array_unshift($images, $model->image);
41 } 42 }
42 ?> 43 ?>
43 <div id="content"> 44 <div id="content">
44 - <div class="container">  
45 - <div class="row">  
46 - <div class="col-md-12">  
47 -  
48 - <div class="row" id="productMain">  
49 - <div class="col-sm-6">  
50 - <div id="mainImage">  
51 - <?php  
52 - if (!empty( $model->images )) {  
53 - echo ImageHelper::set($model->images[ 0 ]->getPath())  
54 - ->fillResize(555, 555)  
55 - ->renderImage(  
56 - [  
57 - 'class' => 'img-responsive',  
58 - 'alt' => $model->lang->title,  
59 - 'title' => $model->lang->title,  
60 - ]  
61 - );  
62 - } else {  
63 - echo ImageHelper::set('@frontend/web/img/no-image.png')  
64 - ->fillResize(555, 555)  
65 - ->renderImage(  
66 - [  
67 - 'class' => 'img-responsive',  
68 - 'alt' => $model->lang->title,  
69 - 'title' => $model->lang->title,  
70 - ]  
71 - );  
72 - }  
73 - ?>  
74 - </div>  
75 -  
76 - <?php  
77 - if ($model->is(2)) {  
78 - ?>  
79 - <div class="ribbon sale">  
80 - <div class="theribbon">SALE</div>  
81 - <div class="ribbon-background"></div>  
82 - </div>  
83 - <!-- /.ribbon -->  
84 - <?php  
85 - }  
86 - if ($model->is(1)) {  
87 - ?>  
88 - <div class="ribbon new">  
89 - <div class="theribbon">NEW</div>  
90 - <div class="ribbon-background"></div>  
91 - </div>  
92 - <!-- /.ribbon -->  
93 - <?php  
94 - }  
95 - ?>  
96 -  
97 - <div class="row" id="thumbs">  
98 - <?php  
99 - if (!empty( $model->images )) {  
100 - foreach ($model->images as $image) {  
101 - echo Html::tag(  
102 - 'div',  
103 - Html::a(  
104 - ImageHelper::set($image->getPath())  
105 - ->fillResize(70, 60)  
106 - ->renderImage(  
107 - [  
108 - 'class' => 'img-responsive',  
109 - 'alt' => $model->lang->title,  
110 - 'title' => $model->lang->title,  
111 - ]  
112 - ),  
113 - ImageHelper::set($image->getPath())  
114 - ->fillResize(555, 555)  
115 - ->render(),  
116 - [  
117 - 'class' => 'thumb',  
118 - ]  
119 - ), 45 + <div class="container">
  46 + <div class="row">
  47 + <div class="col-md-12">
  48 +
  49 + <div class="row" id="productMain">
  50 + <div class="col-sm-6">
  51 + <div id="mainImage">
  52 + <?php
  53 + if (!empty($images)) {
  54 + echo ImageHelper::set($images[ 0 ]->getPath())
  55 + ->fillResize(555, 555)
  56 + ->renderImage(
120 [ 57 [
121 - 'class' => 'col-xs-2', 58 + 'class' => 'img-responsive',
  59 + 'alt' => $model->lang->title,
  60 + 'title' => $model->lang->title,
122 ] 61 ]
123 ); 62 );
124 - }  
125 - } else {  
126 - echo Html::tag(  
127 - 'div',  
128 - Html::a(  
129 - ImageHelper::set('@frontend/web/img/no-image.png')  
130 - ->fillResize(70, 60)  
131 - ->renderImage(  
132 - [  
133 - 'class' => 'img-responsive',  
134 - 'alt' => $model->lang->title,  
135 - 'title' => $model->lang->title,  
136 - ]  
137 - ),  
138 - ImageHelper::set('@frontend/web/img/no-image.png')  
139 - ->fillResize(555, 555)  
140 - ->render(), 63 + } else {
  64 + echo ImageHelper::set('@frontend/web/img/no-image.png')
  65 + ->fillResize(555, 555)
  66 + ->renderImage(
141 [ 67 [
142 - 'class' => 'thumb', 68 + 'class' => 'img-responsive',
  69 + 'alt' => $model->lang->title,
  70 + 'title' => $model->lang->title,
143 ] 71 ]
144 - ),  
145 - [  
146 - 'class' => 'col-xs-2',  
147 - ]  
148 - );  
149 - }  
150 - ?>  
151 - </div>  
152 - <?php  
153 - if (!empty( $model->video )) {  
154 - ?>  
155 - <div class="product-video">  
156 - <div class="h3">  
157 - <?php echo \Yii::t('app', 'Видеообзор продукта'); ?>  
158 - </div>  
159 - <div class="video-box">  
160 - <?php echo $model->video; ?>  
161 - </div>  
162 - </div>  
163 - <?php  
164 - }  
165 - ?> 72 + );
  73 + }
  74 + ?>
  75 + </div>
  76 +
  77 + <?php
  78 + if ($model->is(2)) {
  79 + ?>
  80 + <div class="ribbon sale">
  81 + <div class="theribbon">SALE</div>
  82 + <div class="ribbon-background"></div>
166 </div> 83 </div>
167 - <div class="col-sm-6">  
168 - <div class="box">  
169 - <h1><?php echo $model->lang->title; ?></h1>  
170 - <p class="no-margin"><?php echo $variant->sku; ?></p>  
171 - <p class="price">  
172 - <span class="price-title">Цена:</span><?php echo $variant->price ? : 0; ?> грн&ensp;  
173 - <button class="btn btn-success">  
174 - <i class="fa fa-shopping-cart"></i> Добавить в корзину  
175 - </button>  
176 - <button class="btn btn-default pull-right" data-toggle="tooltip" data-placement="top" title="Добавить в избранное">  
177 - <i class="fa fa-heart-o"></i>  
178 - </button>  
179 - </p>  
180 - <hr>  
181 -  
182 - <button class="btn btn-template-main">  
183 - <i class="fa fa-phone"></i> Купить в один клик  
184 - </button>  
185 - &emsp;<button class="btn btn-template-main">  
186 - <i class="fa fa-tags"></i> Купить в кредит  
187 - </button>  
188 - </div>  
189 - <div class="box" id="details">  
190 - <h2><?php echo \Yii::t('app', 'Описание товара'); ?></h2>  
191 - <?php echo $model->lang->description ? : \Yii::t('app', 'Нет описания'); ?>  
192 - </div>  
193 -  
194 - <div class="box" id="details">  
195 - <h2><?php echo \Yii::t('app', 'Характеристики'); ?></h2>  
196 - <table class="table">  
197 - <tbody>  
198 - <?php  
199 - foreach ($groups as $group) {  
200 - foreach ($group as $optionGroup) {  
201 - /**  
202 - * @var OptionGroup $optionGroup  
203 - */  
204 - echo Html::tag(  
205 - 'tr',  
206 - Html::tag(  
207 - 'td',  
208 - $optionGroup->lang->title,  
209 - [ 'class' => 'td-title' ]  
210 - ) . Html::tag(  
211 - 'td',  
212 - implode(  
213 - ', ',  
214 - ArrayHelper::getColumn(  
215 - $optionGroup->currentOptions,  
216 - 'lang.value'  
217 - )  
218 - )  
219 - )  
220 - );  
221 - }  
222 - }  
223 - ?>  
224 - </tbody>  
225 - </table>  
226 - </div> 84 + <!-- /.ribbon -->
  85 + <?php
  86 + }
  87 + if ($model->is(1)) {
  88 + ?>
  89 + <div class="ribbon new">
  90 + <div class="theribbon">NEW</div>
  91 + <div class="ribbon-background"></div>
227 </div> 92 </div>
228 - 93 + <!-- /.ribbon -->
  94 + <?php
  95 + }
  96 + ?>
  97 +
  98 + <div class="row" id="thumbs">
  99 + <?php
  100 + if (!empty($images)) {
  101 + foreach ($images as $image) {
  102 + echo Html::tag(
  103 + 'div',
  104 + Html::a(
  105 + ImageHelper::set($image->getPath())
  106 + ->fillResize(70, 60)
  107 + ->renderImage(
  108 + [
  109 + 'class' => 'img-responsive',
  110 + 'alt' => $model->lang->title,
  111 + 'title' => $model->lang->title,
  112 + ]
  113 + ),
  114 + ImageHelper::set($image->getPath())
  115 + ->fillResize(555, 555)
  116 + ->render(),
  117 + [
  118 + 'class' => 'thumb',
  119 + ]
  120 + ),
  121 + [
  122 + 'class' => 'col-xs-2',
  123 + ]
  124 + );
  125 + }
  126 + } else {
  127 + echo Html::tag(
  128 + 'div',
  129 + Html::a(
  130 + ImageHelper::set('@frontend/web/img/no-image.png')
  131 + ->fillResize(70, 60)
  132 + ->renderImage(
  133 + [
  134 + 'class' => 'img-responsive',
  135 + 'alt' => $model->lang->title,
  136 + 'title' => $model->lang->title,
  137 + ]
  138 + ),
  139 + ImageHelper::set('@frontend/web/img/no-image.png')
  140 + ->fillResize(555, 555)
  141 + ->render(),
  142 + [
  143 + 'class' => 'thumb',
  144 + ]
  145 + ),
  146 + [
  147 + 'class' => 'col-xs-2',
  148 + ]
  149 + );
  150 + }
  151 + ?>
  152 + </div>
  153 + <?php
  154 + if (!empty($model->video)) {
  155 + ?>
  156 + <div class="product-video">
  157 + <div class="h3">
  158 + <?php echo \Yii::t('app', 'Видеообзор продукта'); ?>
  159 + </div>
  160 + <div class="video-box">
  161 + <?php echo $model->video; ?>
  162 + </div>
  163 + </div>
  164 + <?php
  165 + }
  166 + ?>
  167 + </div>
  168 + <div class="col-sm-6">
  169 + <div class="box">
  170 + <h1><?php echo $model->lang->title; ?></h1>
  171 + <p class="no-margin"><?php echo $variant->sku; ?></p>
  172 + <p class="price">
  173 + <span class="price-title">Цена:</span><?php echo $variant->price ? : 0; ?> грн&ensp;
  174 + <button class="btn btn-success">
  175 + <i class="fa fa-shopping-cart"></i> Добавить в корзину
  176 + </button>
  177 + <button class="btn btn-default pull-right" data-toggle="tooltip" data-placement="top" title="Добавить в избранное">
  178 + <i class="fa fa-heart-o"></i>
  179 + </button>
  180 + </p>
  181 + <hr>
  182 +
  183 + <button class="btn btn-template-main">
  184 + <i class="fa fa-phone"></i> Купить в один клик
  185 + </button>
  186 + &emsp;<button class="btn btn-template-main">
  187 + <i class="fa fa-tags"></i> Купить в кредит
  188 + </button>
  189 + </div>
  190 + <div class="box" id="details">
  191 + <h2><?php echo \Yii::t('app', 'Описание товара'); ?></h2>
  192 + <?php echo $model->lang->description ? : \Yii::t('app', 'Нет описания'); ?>
  193 + </div>
  194 +
  195 + <div class="box" id="details">
  196 + <h2><?php echo \Yii::t('app', 'Характеристики'); ?></h2>
  197 + <table class="table">
  198 + <tbody>
  199 + <?php
  200 + foreach ($groups as $group) {
  201 + foreach ($group as $optionGroup) {
  202 + /**
  203 + * @var OptionGroup $optionGroup
  204 + */
  205 + echo Html::tag(
  206 + 'tr',
  207 + Html::tag(
  208 + 'td',
  209 + $optionGroup->lang->title,
  210 + [ 'class' => 'td-title' ]
  211 + ) . Html::tag(
  212 + 'td',
  213 + implode(
  214 + ', ',
  215 + ArrayHelper::getColumn(
  216 + $optionGroup->currentOptions,
  217 + 'lang.value'
  218 + )
  219 + )
  220 + )
  221 + );
  222 + }
  223 + }
  224 + ?>
  225 + </tbody>
  226 + </table>
  227 + </div>
  228 + </div>
  229 +
  230 + </div>
  231 +
  232 + <?php
  233 + if (!empty($similar)) {
  234 + ?>
  235 + <div class="heading text-center">
  236 + <h2><?php echo \Yii::t('app', 'Похожие товары'); ?></h2>
229 </div> 237 </div>
230 238
231 - <?php  
232 - if (!empty( $similar )) {  
233 - ?>  
234 - <div class="heading text-center">  
235 - <h2><?php echo \Yii::t('app', 'Похожие товары'); ?></h2>  
236 - </div>  
237 -  
238 - <div class="product-carousel">  
239 - <div class="homepage owl-carousel"> 239 + <div class="product-carousel">
  240 + <div class="homepage owl-carousel">
  241 + <?php
  242 + $newItemsArrays = array_chunk($similar, 4);
  243 + foreach ($newItemsArrays as $newItemsArray) {
  244 + ?>
  245 + <div class="products">
240 <?php 246 <?php
241 - $newItemsArrays = array_chunk($similar, 4);  
242 - foreach ($newItemsArrays as $newItemsArray) {  
243 - ?>  
244 - <div class="products">  
245 - <?php  
246 - foreach ($newItemsArray as $product) {  
247 - echo $this->render(  
248 - '@frontend/views/site/_slider_product',  
249 - [  
250 - 'product' => $product,  
251 - ]  
252 - );  
253 - }  
254 - ?>  
255 - </div>  
256 - <?php 247 + foreach ($newItemsArray as $product) {
  248 + echo $this->render(
  249 + '@frontend/views/site/_slider_product',
  250 + [
  251 + 'product' => $product,
  252 + ]
  253 + );
257 } 254 }
258 ?> 255 ?>
259 </div> 256 </div>
260 - </div>  
261 - <?php  
262 - }  
263 - ?>  
264 - </div>  
265 - <!-- /.col-md-9 -->  
266 - </div>  
267 - <!-- /.row --> 257 + <?php
  258 + }
  259 + ?>
  260 + </div>
  261 + </div>
  262 + <?php
  263 + }
  264 + ?>
  265 + </div>
  266 + <!-- /.col-md-9 -->
268 </div> 267 </div>
269 - <!-- /.container --> 268 + <!-- /.row -->
  269 + </div>
  270 + <!-- /.container -->
270 </div> 271 </div>
271 <!-- /#content --> 272 <!-- /#content -->