Commit a6c708191a09f2c88ff77a3d496e1f794351272f
Merge branch 'similar'
Showing
13 changed files
with
432 additions
and
211 deletions
Show diff stats
common/components/artboximage/ArtboxImageHelper.php
| ... | ... | @@ -13,14 +13,14 @@ class ArtboxImageHelper extends Object { |
| 13 | 13 | private static $imageDriver; |
| 14 | 14 | private static $presets; |
| 15 | 15 | |
| 16 | - public function getDriver() { | |
| 16 | + public static function getDriver() { | |
| 17 | 17 | if (empty(self::$imageDriver)) { |
| 18 | 18 | self::$imageDriver = Yii::$app->artboximage; |
| 19 | 19 | } |
| 20 | 20 | return self::$imageDriver; |
| 21 | 21 | } |
| 22 | 22 | |
| 23 | - public function getPreset($preset) { | |
| 23 | + public static function getPreset($preset) { | |
| 24 | 24 | |
| 25 | 25 | if (empty(self::$presets)) { |
| 26 | 26 | self::$presets = self::getDriver()->presets; | ... | ... |
common/modules/product/helpers/ProductHelper.php
| ... | ... | @@ -153,28 +153,38 @@ |
| 153 | 153 | 1, |
| 154 | 154 | ]) |
| 155 | 155 | ->andWhere([ 'product_category.category_id' => $product_categories ]); |
| 156 | - // $query->andWhere(['>=', 'product_variant.price', $product->enabledVariant->price * 0.7]); | |
| 157 | - // $query->andWhere(['<=', 'product_variant.price', $product->enabledVariant->price * 1.3]); | |
| 156 | + $query->andWhere(['>=', 'product_variant.price', $product->enabledVariant->price * 0.7]); | |
| 157 | + $query->andWhere(['<=', 'product_variant.price', $product->enabledVariant->price * 1.3]); | |
| 158 | + | |
| 159 | + $query->innerJoin('product_option', 'product_option.product_id = product.product_id'); | |
| 160 | + $where = [ ]; | |
| 158 | 161 | foreach($product->properties as $group) { |
| 159 | - $where = [ ]; | |
| 162 | + | |
| 160 | 163 | foreach($group->_options as $option) { |
| 161 | 164 | $where[] = $option->tax_option_id; |
| 162 | 165 | } |
| 163 | 166 | if(!$where) { |
| 164 | 167 | continue; |
| 165 | 168 | } |
| 166 | - $query->innerJoin('product_option to' . $group->tax_group_id, 'to' . $group->tax_group_id . '.product_id = product.product_id'); | |
| 167 | - $query->andWhere([ 'to' . $group->tax_group_id . '.option_id' => $where ]); | |
| 169 | + $query->andWhere([ 'option_id' => $where ]); | |
| 168 | 170 | } |
| 169 | 171 | $query->andWhere([ |
| 170 | 172 | '!=', |
| 171 | 173 | 'product.product_id', |
| 172 | 174 | $product->product_id, |
| 173 | 175 | ]); |
| 174 | - $query->groupBy('product.product_id'); | |
| 176 | + $query->groupBy('product.product_id, | |
| 177 | + product.name, | |
| 178 | + product.brand_id, | |
| 179 | + product.alias, | |
| 180 | + product.description, | |
| 181 | + product.video, | |
| 182 | + product.is_top, | |
| 183 | + product.akciya, | |
| 184 | + product.is_new | |
| 185 | + '); | |
| 175 | 186 | $query->limit($count); |
| 176 | - $products = $query | |
| 177 | - ->all(); | |
| 187 | + $products = $query->all(); | |
| 178 | 188 | |
| 179 | 189 | return $products; |
| 180 | 190 | } | ... | ... |
common/modules/product/widgets/similarProducts.php
| ... | ... | @@ -26,7 +26,7 @@ class similarProducts extends Widget { |
| 26 | 26 | $this->title = Yii::t('product', 'Similar products'); |
| 27 | 27 | } |
| 28 | 28 | |
| 29 | - return $this->render('products_block', [ | |
| 29 | + return $this->render('products_block_similar', [ | |
| 30 | 30 | 'title' => $this->title, |
| 31 | 31 | 'class' => 'similar-products', |
| 32 | 32 | 'products' => $products, | ... | ... |
common/modules/product/widgets/views/product_smart.php
| 1 | 1 | <?php |
| 2 | -/** | |
| 3 | - * @var $product common\modules\product\models\Product | |
| 4 | - */ | |
| 5 | -use yii\helpers\Html; | |
| 6 | -use yii\helpers\Url; | |
| 2 | + /** | |
| 3 | + * @var $product common\modules\product\models\Product | |
| 4 | + */ | |
| 5 | + use yii\helpers\Html; | |
| 6 | + use yii\helpers\Url; | |
| 7 | 7 | ?> |
| 8 | 8 | <div class="catalog_item home_slider_it"> |
| 9 | - <div class="wrapper"> | |
| 10 | - <div class="status_block-wr <?=$class?>"> | |
| 11 | - <?php | |
| 12 | - if($class == 'top'){ | |
| 13 | - print '<div class="staus_hit"></div>'; | |
| 14 | - } else if($class == 'new') { | |
| 15 | - print '<div class="staus_new"></div>'; | |
| 16 | - } else if($class == 'promo'){ | |
| 17 | - print '<div class="status_sale">Акция</div>'; | |
| 18 | - } | |
| 19 | - ?> | |
| 9 | + <div class="wrapper"> | |
| 10 | + <div class="status_block-wr <?=$class?>"> | |
| 11 | + <?php | |
| 12 | + if($class == 'top'){ | |
| 13 | + print '<div class="staus_hit"></div>'; | |
| 14 | + } else if($class == 'new') { | |
| 15 | + print '<div class="staus_new"></div>'; | |
| 16 | + } else if($class == 'promo'){ | |
| 17 | + print '<div class="status_sale">Акция</div>'; | |
| 18 | + } | |
| 19 | + ?> | |
| 20 | 20 | |
| 21 | 21 | |
| 22 | - </div> | |
| 23 | - <div class="item_container" > | |
| 24 | - <input class="prodInfo" type="hidden" value="[]"> | |
| 22 | + </div> | |
| 23 | + <div class="item_container" > | |
| 24 | + <input class="prodInfo" type="hidden" value="[]"> | |
| 25 | 25 | |
| 26 | - <div class="img"> | |
| 27 | - <a class="btn-product-details" href="<?= Url::to([ | |
| 28 | - 'catalog/product', | |
| 29 | - 'product' => $product->alias | |
| 30 | - ]) ?>"> | |
| 31 | - <?= \common\components\artboximage\ArtboxImageHelper::getImage($product->enabledVariants[ 0 ]->imageUrl, 'list', [ | |
| 32 | - 'alt' => $product->fullname . ' ' . $product->category->name, | |
| 33 | - 'title' => $product->fullname . ' ' . $product->category->name, | |
| 34 | - 'class' => 'selected' | |
| 35 | - ]) ?> | |
| 36 | - </a> | |
| 37 | - </div> | |
| 26 | + <div class="img"> | |
| 27 | + <a class="btn-product-details" href="<?= Url::to([ | |
| 28 | + 'catalog/product', | |
| 29 | + 'product' => $product->alias | |
| 30 | + ]) ?>"> | |
| 31 | + <?= \common\components\artboximage\ArtboxImageHelper::getImage($product->enabledVariants[ 0 ]->imageUrl, 'list', [ | |
| 32 | + 'alt' => $product->fullname . ' ' . $product->category->name, | |
| 33 | + 'title' => $product->fullname . ' ' . $product->category->name, | |
| 34 | + 'class' => 'selected' | |
| 35 | + ]) ?> | |
| 36 | + </a> | |
| 37 | + </div> | |
| 38 | 38 | |
| 39 | - <div class="style short-desc_wr"> | |
| 40 | - <div class="style title-name_"> | |
| 41 | - <a href="<?= Url::to([ | |
| 42 | - 'catalog/product', | |
| 43 | - 'product' => $product->alias | |
| 44 | - ]) ?>" title="<?= $product->fullname . ' ' . $product->category->name ?>"> | |
| 45 | - <p><span><?= $product->fullname ?></span></p> | |
| 46 | - <p><span><?= $product->category->name ?></span></p> | |
| 47 | - </a> | |
| 39 | + <div class="style short-desc_wr"> | |
| 40 | + <div class="style title-name_"> | |
| 41 | + <a href="<?= Url::to([ | |
| 42 | + 'catalog/product', | |
| 43 | + 'product' => $product->alias | |
| 44 | + ]) ?>" title="<?= $product->fullname . ' ' . $product->category->name ?>"> | |
| 48 | 45 | |
| 49 | - </div> | |
| 50 | - <div class="style in_stock_wr"> | |
| 51 | - <div class="in_stock_"> | |
| 52 | - <span class="yes_stock">есть на складе</span> | |
| 46 | + <p><span><?= $product->name ?></span></p> | |
| 47 | +<!-- <p><span>--><?//= $product->fullname ?><!--</span></p>--> | |
| 48 | +<!-- <p><span>--><?//= $product->category->name ?><!--</span></p>--> | |
| 49 | + </a> | |
| 53 | 50 | |
| 54 | - </div> | |
| 55 | - <div class="title-sku"> | |
| 56 | - <span>Код: <?=$product->variant->sku?></span> | |
| 57 | - </div> | |
| 58 | - </div> | |
| 51 | + </div> | |
| 52 | + <div class="style in_stock_wr"> | |
| 53 | + <div class="in_stock_"> | |
| 54 | + <span class="yes_stock">есть на складе</span> | |
| 59 | 55 | |
| 60 | - <div class="style price-basket-wr"> | |
| 61 | - <span class="currency_price"><?= $product->variant->price ?> грн</span> | |
| 62 | -<!-- <div class="price-basket"><a class="" href="#"></a></div>--> | |
| 63 | - </div> | |
| 64 | - </div> | |
| 56 | + </div> | |
| 57 | + <div class="title-sku"> | |
| 58 | + <span>Код: <?=$product->variant->sku?></span> | |
| 59 | + </div> | |
| 60 | + </div> | |
| 61 | + | |
| 62 | + <div class="style price-basket-wr"> | |
| 63 | + <span class="currency_price"><?= $product->variant->price ?> грн</span> | |
| 64 | + <!-- <div class="price-basket"><a class="" href="#"></a></div>--> | |
| 65 | + </div> | |
| 66 | + </div> | |
| 65 | 67 | |
| 66 | 68 | |
| 67 | 69 | |
| 68 | - </div> | |
| 69 | 70 | </div> |
| 71 | + </div> | |
| 70 | 72 | </div> |
| 71 | 73 | \ No newline at end of file | ... | ... |
common/modules/product/widgets/views/product_smart_similar.php
0 → 100755
| 1 | +<?php | |
| 2 | + /** | |
| 3 | + * @var Product $product | |
| 4 | + * @var string $class | |
| 5 | + */ | |
| 6 | + use common\modules\product\models\Product; | |
| 7 | + use yii\helpers\Url; | |
| 8 | + | |
| 9 | +?> | |
| 10 | + | |
| 11 | +<div class="catalog_item"> | |
| 12 | + <div class="wrapper"> | |
| 13 | + <?php if (!empty($product->events)) { ?> | |
| 14 | + <div class="events events_not_link"> | |
| 15 | + | |
| 16 | + <?php | |
| 17 | + foreach($product->events as $event){ | |
| 18 | + if($event->banner){ | |
| 19 | + echo \common\components\artboximage\ArtboxImageHelper::getImage($event->getImageUrl('banner'), 'banner_list',[ | |
| 20 | + 'class' => 'banner-in-list' | |
| 21 | + ]); | |
| 22 | + } | |
| 23 | + } | |
| 24 | + | |
| 25 | + ?> | |
| 26 | + | |
| 27 | + </div> | |
| 28 | + <?php } ?> | |
| 29 | + <div class="item_container"> | |
| 30 | + <div class="img"> | |
| 31 | + <a href="<?=Url::to([ | |
| 32 | + 'catalog/product', | |
| 33 | + 'product' => $product->alias, | |
| 34 | + ])?>"> | |
| 35 | + <?= \common\components\artboximage\ArtboxImageHelper::getImage( | |
| 36 | + $product->imageUrl, | |
| 37 | + 'list', | |
| 38 | + [ | |
| 39 | + 'alt' => $product->name, | |
| 40 | + 'title' => $product->name, | |
| 41 | + 'class' => 'selected', | |
| 42 | + 'itemprop' => 'image', | |
| 43 | + ] | |
| 44 | + ) ?> | |
| 45 | + </a> | |
| 46 | + | |
| 47 | + </div> | |
| 48 | + | |
| 49 | + <div class="style title-name_ title_name-collect"> | |
| 50 | + <a href="<?= Url::to([ | |
| 51 | + 'catalog/product', | |
| 52 | + 'product' => $product->alias | |
| 53 | + ]) ?>" title="<?= $product->fullname . ' ' . $product->category->name ?>"> | |
| 54 | +<!-- <p><span>--><?php //echo $product->category->name ?><!--</span></p>--> | |
| 55 | + <p><span><?= $product->name ?></span></p> | |
| 56 | + | |
| 57 | + </a> | |
| 58 | + | |
| 59 | + </div> | |
| 60 | + | |
| 61 | + <div class="style in_stock_wr"> | |
| 62 | + <div class="in_stock_"> | |
| 63 | + <span class="yes_stock">есть на складе</span> | |
| 64 | + | |
| 65 | + </div> | |
| 66 | + <div class="title-sku"> | |
| 67 | + <span>Код: <?=$product->variant->sku?></span> | |
| 68 | + </div> | |
| 69 | + </div> | |
| 70 | + <div class="style price"> | |
| 71 | + <div class="dlexfduinxipi"> | |
| 72 | + <span class="main"> <?php | |
| 73 | + echo \Yii::$app->formatter->asDecimal($product->variant->price); | |
| 74 | + ?> <span class="currency">грн</span> | |
| 75 | + </span> | |
| 76 | + </div> | |
| 77 | + </div> | |
| 78 | + <div class="style info_icons"> | |
| 79 | + <a href="#" class="btn btnBuy buy_button" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm" lang="5893">Купить</a> | |
| 80 | + | |
| 81 | + <?php /* | |
| 82 | + <ul class="ul wishlike_block"> | |
| 83 | + <li class="compare"> | |
| 84 | + <a onclick="add2compare(); return false;" class="compare compare_text_link_5893" lang="5893" href="#">К сравнению</a> | |
| 85 | + <span class="icon"></span> | |
| 86 | + </li> | |
| 87 | + <li class="like"> | |
| 88 | + <a class="like like_text_link_5893" lang="5893" href="#">В избранное</a><span class="icon"></span> | |
| 89 | + </li> | |
| 90 | + </ul> | |
| 91 | + */ ?> | |
| 92 | + | |
| 93 | + </div> | |
| 94 | +<!-- <div class="additional_info params">--> | |
| 95 | +<!-- </div>--> | |
| 96 | +<!-- <div class="opacity_bg"></div>--> | |
| 97 | + </div> | |
| 98 | + </div> | |
| 99 | +</div> | ... | ... |
common/modules/product/widgets/views/products_block.php
| 1 | 1 | <?php |
| 2 | - | |
| 3 | -use yii\helpers\Html; | |
| 4 | -use yii\web\View; | |
| 2 | + | |
| 3 | + use yii\helpers\Html; | |
| 4 | + use yii\web\View; | |
| 5 | 5 | |
| 6 | 6 | |
| 7 | 7 | ?> |
| ... | ... | @@ -9,16 +9,16 @@ use yii\web\View; |
| 9 | 9 | <?php if(!empty($products)) :?> |
| 10 | 10 | |
| 11 | 11 | |
| 12 | -<!-- <span style="">--><?//= $title?><!--</span>--> | |
| 12 | + <!-- <span style="">--><?//= $title?><!--</span>--> | |
| 13 | 13 | |
| 14 | - <div id="product_main_slider" class=""> | |
| 15 | - <?php foreach($products as $product) :?> | |
| 16 | - <?= $this->render('product_smart', [ | |
| 17 | - 'product' => $product, | |
| 18 | - 'class' => $class | |
| 19 | - ]);?> | |
| 20 | - <?php endforeach?> | |
| 21 | - </div> | |
| 14 | + <div id="product_main_slider" class=""> | |
| 15 | + <?php foreach($products as $product) :?> | |
| 16 | + <?= $this->render('product_smart', [ | |
| 17 | + 'product' => $product, | |
| 18 | + 'class' => $class | |
| 19 | + ]);?> | |
| 20 | + <?php endforeach?> | |
| 21 | + </div> | |
| 22 | 22 | |
| 23 | 23 | |
| 24 | 24 | ... | ... |
common/modules/product/widgets/views/products_block_similar.php
0 → 100755
| 1 | +<?php | |
| 2 | + | |
| 3 | + /** | |
| 4 | + * @var View $this | |
| 5 | + * @var Product[] $products | |
| 6 | + */ | |
| 7 | + | |
| 8 | + use common\modules\product\models\Product; | |
| 9 | + use yii\web\View; | |
| 10 | + | |
| 11 | +?> | |
| 12 | + | |
| 13 | +<?php if (!empty($products)) { ?> | |
| 14 | + | |
| 15 | + <div class="collection" style="padding: 0;"> | |
| 16 | + | |
| 17 | + <h2 id="collection"> | |
| 18 | + Похожие товары | |
| 19 | + </h2> | |
| 20 | + | |
| 21 | + <div class="catalog_product_list view_table new_collection"> | |
| 22 | + <?php foreach ($products as $product) { | |
| 23 | + if ($product->is_top) { | |
| 24 | + $class = 'top'; | |
| 25 | + } elseif ($product->is_new) { | |
| 26 | + $class = 'new'; | |
| 27 | + } elseif ($product->akciya) { | |
| 28 | + $class = 'promo'; | |
| 29 | + } else { | |
| 30 | + $class = ''; | |
| 31 | + } | |
| 32 | + echo $this->render( | |
| 33 | + 'product_smart_similar', | |
| 34 | + [ | |
| 35 | + 'product' => $product, | |
| 36 | + 'class' => $class, | |
| 37 | + ] | |
| 38 | + ); | |
| 39 | + } ?> | |
| 40 | + </div> | |
| 41 | + | |
| 42 | + <div class="clearfix"></div> | |
| 43 | + | |
| 44 | + </div> | |
| 45 | + | |
| 46 | + | |
| 47 | +<?php } ?> | |
| 0 | 48 | \ No newline at end of file | ... | ... |
frontend/controllers/AjaxController.php
| ... | ... | @@ -93,7 +93,7 @@ class AjaxController extends Controller |
| 93 | 93 | $query->select(['product.*']); |
| 94 | 94 | $query->joinWith(['enabledVariants','brand','options', 'category']); |
| 95 | 95 | |
| 96 | - $query->groupBy(['product.product_id', 'product_variant.price']); | |
| 96 | +// $query->groupBy(['product.product_id', 'product_variant.price']); | |
| 97 | 97 | |
| 98 | 98 | ProductHelper::_setQueryParams($query, $params); |
| 99 | 99 | ... | ... |
frontend/models/ProductFrontendSearch.php
frontend/views/catalog/product.php
| ... | ... | @@ -6,6 +6,7 @@ |
| 6 | 6 | use common\components\artboximage\ArtboxImageHelper; |
| 7 | 7 | use common\models\Orders; |
| 8 | 8 | use common\modules\product\models\Product; |
| 9 | + use common\modules\product\widgets\similarProducts; | |
| 9 | 10 | use frontend\assets\FotoramaAsset; |
| 10 | 11 | use frontend\widgets\Seo; |
| 11 | 12 | use common\modules\comment\widgets\CommentWidget; |
| ... | ... | @@ -95,7 +96,7 @@ |
| 95 | 96 | |
| 96 | 97 | <li class="product_collection" data-target="collection"> |
| 97 | 98 | <a href="#collection"> |
| 98 | - <span class="text">Коллекция</span> | |
| 99 | + <span class="text">Похожие товары</span> | |
| 99 | 100 | </a> |
| 100 | 101 | <span class="icon"></span> |
| 101 | 102 | <span class="arr"></span> |
| ... | ... | @@ -178,7 +179,7 @@ |
| 178 | 179 | <tr> |
| 179 | 180 | <?php foreach($product->events as $event):?> |
| 180 | 181 | <?php if(!empty($event->end_at) && $event->isActive()):?> |
| 181 | - <div class="event_block"> | |
| 182 | + <div class="event_block new_ev_bl"> | |
| 182 | 183 | |
| 183 | 184 | <div class="event_title"> <?= Html::a('Акция!!! '.$event->name,Url::to(['event/show','alias'=>$event->alias]))?></div> |
| 184 | 185 | <div class="event_time">До конца осталось:</div> |
| ... | ... | @@ -544,130 +545,12 @@ |
| 544 | 545 | |
| 545 | 546 | <div class="clearfix"></div> |
| 546 | 547 | |
| 547 | - <?php /* | |
| 548 | - | |
| 549 | - <div class="collection"> | |
| 550 | - <br/> | |
| 551 | - <h2 id="collection"> | |
| 552 | - Коллекция светильников <!--ДЕКОРА--> | |
| 553 | - </h2> | |
| 554 | - | |
| 555 | - <div class="catalog_product_list view_table"> | |
| 556 | - <div class="catalog_item"> | |
| 557 | - <div class="wrapper"> | |
| 558 | - <div class="item_container"> | |
| 559 | - <div class="title"> | |
| 560 | - <a href="http://www.linija-svitla.ua/lyustra-elstead-fe-leila3-5893.htm">люстра FE/LEILA3</a> | |
| 561 | - </div> | |
| 562 | - <div class="img"> | |
| 563 | - <a href="http://www.linija-svitla.ua/lyustra-elstead-fe-leila3-5893.htm"> | |
| 564 | - <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila3/5893_5.jpg" alt="люстра FE/LEILA3" class="selected"> | |
| 565 | - </a> | |
| 566 | - <div class="info_icons"> | |
| 567 | - <a href="#" class="btn btnBuy buy_button" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm" lang="5893">Купить светильник</a> | |
| 568 | - <ul class="ul wishlike_block"> | |
| 569 | - <li class="compare"> | |
| 570 | - <a onclick="add2compare(); return false;" class="compare compare_text_link_5893" lang="5893" href="#">К сравнению</a> | |
| 571 | - <span class="icon"></span> | |
| 572 | - </li> | |
| 573 | - <li class="like"> | |
| 574 | - <a class="like like_text_link_5893" lang="5893" href="#">В избранное</a><span class="icon"></span> | |
| 575 | - </li> | |
| 576 | - </ul> | |
| 577 | - </div> | |
| 578 | - </div> | |
| 579 | - <div class="price"> | |
| 580 | - <div class="dlexfduinxipi"> | |
| 581 | - Цена: | |
| 582 | - <span class="main"> 25794.00 <span class="currency">грн</span> | |
| 583 | - </span> | |
| 584 | - </div> | |
| 585 | - </div> | |
| 586 | - <div class="additional_info params"> | |
| 587 | - </div> | |
| 588 | - <div class="opacity_bg"></div> | |
| 589 | - </div> | |
| 590 | - </div> | |
| 591 | - </div> | |
| 592 | - <div class="catalog_item"> | |
| 593 | - <div class="wrapper"> | |
| 594 | - <div class="item_container"> | |
| 595 | - <div class="title"> | |
| 596 | - <a href="http://www.linija-svitla.ua/elstead-fe-leila1c-6991.htm"> FE/LEILA1C</a> | |
| 597 | - </div> | |
| 598 | - <div class="img"> | |
| 599 | - <a href="http://www.linija-svitla.ua/elstead-fe-leila1c-6991.htm"> | |
| 600 | - <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila1c/6991_5.jpg" alt=" FE/LEILA1C" class="selected"> | |
| 601 | - </a> | |
| 602 | - <div class="info_icons"> | |
| 603 | - <a href="#" class="btn btnBuy buy_button" data-toggle="modal" data-id="<?php echo $product->variant->product_variant_id; ?>" data-target="#buyForm" lang="6991">Купить светильник</a> | |
| 604 | - <ul class="ul wishlike_block"> | |
| 605 | - <li class="compare"> | |
| 606 | - <a onclick="add2compare(); return false;" class="compare compare_text_link_6991" lang="6991" href="#">К сравнению</a> | |
| 607 | - <span class="icon"></span> | |
| 608 | - </li> | |
| 609 | - <li class="like"> | |
| 610 | - <a class="like like_text_link_6991" lang="6991" href="#">В избранное</a><span class="icon"></span> | |
| 611 | - </li> | |
| 612 | - </ul> | |
| 613 | - </div> | |
| 614 | - </div> | |
| 615 | - <div class="price"> | |
| 616 | - <div class="dlexfduinxipi"> | |
| 617 | - Цена: | |
| 618 | - <span class="main"> 14330.40 <span class="currency">грн</span> | |
| 619 | - </span> | |
| 620 | - </div> | |
| 621 | - </div> | |
| 622 | - <div class="additional_info params"> | |
| 623 | - </div> | |
| 624 | - <div class="opacity_bg"></div> | |
| 625 | - </div> | |
| 626 | - </div> | |
| 627 | - </div> | |
| 628 | - <div class="catalog_item"> | |
| 629 | - <div class="wrapper"> | |
| 630 | - <div class="item_container"> | |
| 631 | - <div class="title"> | |
| 632 | - <a href="http://www.linija-svitla.ua/nastennyy-svetilnik-elstead-fe-leila2-5894.htm">настенный светильник FE/LEILA2</a> | |
| 633 | - </div> | |
| 634 | - <div class="img"> | |
| 635 | - <a href="http://www.linija-svitla.ua/nastennyy-svetilnik-elstead-fe-leila2-5894.htm"> | |
| 636 | - <img src="http://www.linija-svitla.ua/gallery/prod/fe_leila2/5894_5.jpg" alt="настенный светильник FE/LEILA2" class="selected"> | |
| 637 | - </a> | |
| 638 | - <div class="info_icons"> | |
| 639 | - <a href="#" class="btn btnBuy buy_button" data-id="<?php echo $product->variant->product_variant_id; ?>" data-toggle="modal" data-target="#buyForm" lang="5894">Купить светильник</a> | |
| 640 | - <ul class="ul wishlike_block"> | |
| 641 | - <li class="compare"> | |
| 642 | - <a onclick="add2compare(); return false;" class="compare compare_text_link_5894" lang="5894" href="#">К сравнению</a> | |
| 643 | - <span class="icon"></span> | |
| 644 | - </li> | |
| 645 | - <li class="like"> | |
| 646 | - <a class="like like_text_link_5894" lang="5894" href="#">В избранное</a><span class="icon"></span> | |
| 647 | - </li> | |
| 648 | - </ul> | |
| 649 | - </div> | |
| 650 | - </div> | |
| 651 | - <div class="price"> | |
| 652 | - <div class="dlexfduinxipi"> | |
| 653 | - Цена: | |
| 654 | - <span class="main"> 8598.00 <span class="currency">грн</span> | |
| 655 | - </span> | |
| 656 | - </div> | |
| 657 | - </div> | |
| 658 | - <div class="additional_info params"> | |
| 659 | - </div> | |
| 660 | - <div class="opacity_bg"></div> | |
| 661 | - </div> | |
| 662 | - </div> | |
| 663 | - </div> | |
| 664 | - </div> | |
| 665 | - <div class="clearfix"></div> | |
| 666 | - | |
| 667 | - </div> | |
| 668 | - */?> | |
| 669 | - | |
| 670 | - | |
| 548 | + | |
| 549 | + <?php | |
| 550 | + echo similarProducts::widget([ | |
| 551 | + 'product' => $product, | |
| 552 | + ]); | |
| 553 | + ?> | |
| 671 | 554 | |
| 672 | 555 | <div class="clearfix"></div> |
| 673 | 556 | <br/> |
| ... | ... | @@ -719,4 +602,6 @@ |
| 719 | 602 | |
| 720 | 603 | </div> |
| 721 | 604 | </div> |
| 722 | -</div> | |
| 723 | 605 | \ No newline at end of file |
| 606 | +</div> | |
| 607 | + | |
| 608 | + | ... | ... |
frontend/web/css/css_header.css
| ... | ... | @@ -27029,4 +27029,173 @@ ul.product-special li.promo div { |
| 27029 | 27029 | .small_ar#prev_slide, .small_ar#next_slide{ |
| 27030 | 27030 | top: calc(50%)!important; |
| 27031 | 27031 | } |
| 27032 | +} | |
| 27033 | + | |
| 27034 | +.new_collection { | |
| 27035 | + margin:0 -15px 0 -15px; | |
| 27036 | + height: 450px !important; | |
| 27037 | + overflow: hidden; | |
| 27038 | +} | |
| 27039 | +.new_collection.owl-carousel { | |
| 27040 | + overflow: visible; | |
| 27041 | +} | |
| 27042 | +.collection .catalog_product_list.view_table.new_collection .catalog_item { | |
| 27043 | + width: 33.33333333%; | |
| 27044 | + padding: 0 16px; | |
| 27045 | +} | |
| 27046 | +.new_collection .info_icons { | |
| 27047 | + display: block !important; | |
| 27048 | + position: relative !important; | |
| 27049 | + bottom:auto !important; | |
| 27050 | + right: auto !important; | |
| 27051 | + box-shadow: 0 !important; | |
| 27052 | + text-align: center; | |
| 27053 | +} | |
| 27054 | +.new_collection .wrapper { | |
| 27055 | + overflow: visible !important; | |
| 27056 | + border: 1px solid #f5f5f5; | |
| 27057 | + position: relative !important; | |
| 27058 | + left: auto !important; | |
| 27059 | + top: auto !important; | |
| 27060 | + border-radius: 0 !important; | |
| 27061 | + padding: 0 !important; | |
| 27062 | + margin: 0 !important; | |
| 27063 | + box-shadow: none !important; | |
| 27064 | + height: 100% !important; | |
| 27065 | + min-height: auto !important; | |
| 27066 | +} | |
| 27067 | + | |
| 27068 | +.new_collection .catalog_item .wrapper:hover { | |
| 27069 | + height: 100% !important; | |
| 27070 | + min-height: auto !important; | |
| 27071 | + box-shadow: 0 3px 0 0 rgba(0,0,0,0.15) !important; | |
| 27072 | + | |
| 27073 | +} | |
| 27074 | +.new_collection .catalog_item { | |
| 27075 | + height: 420px !important; | |
| 27076 | + margin-bottom: 30px !important; | |
| 27077 | +} | |
| 27078 | +.new_collection .price { | |
| 27079 | + text-align: center !important; | |
| 27080 | + margin-top: 11px !important; | |
| 27081 | +} | |
| 27082 | +.title_name-collect { | |
| 27083 | + text-align: center; | |
| 27084 | +} | |
| 27085 | +.title-name_.title_name-collect a p { | |
| 27086 | + font-size: 16px; | |
| 27087 | + width: 100%; | |
| 27088 | + | |
| 27089 | + overflow: hidden; | |
| 27090 | + float: left; | |
| 27091 | + | |
| 27092 | + font-weight: 700; | |
| 27093 | + height: 39px; | |
| 27094 | + line-height: 19px; | |
| 27095 | + /*text-transform: none;*/ | |
| 27096 | +} | |
| 27097 | +.title-name_.title_name-collect a p:first-child { | |
| 27098 | + /*font-size: 14px;*/ | |
| 27099 | + /*line-height: 13px;*/ | |
| 27100 | + /*height: 26px;*/ | |
| 27101 | + /*text-transform: lowercase;*/ | |
| 27102 | + /*font-weight: normal;*/ | |
| 27103 | + | |
| 27104 | +} | |
| 27105 | +.new_collection .img {margin-bottom:18px !important;} | |
| 27106 | +.new_collection .buy_button { | |
| 27107 | + background: #0f6fc7 !important; | |
| 27108 | + cursor: pointer !important; | |
| 27109 | + float: none !important; | |
| 27110 | + border-top: none !important; | |
| 27111 | + border-bottom:3px solid #0f62ae !important; | |
| 27112 | + line-height: 35px !important; | |
| 27113 | + padding: 0!important; | |
| 27114 | + width: 120px; | |
| 27115 | + text-align: center !important; | |
| 27116 | +} | |
| 27117 | +.new_collection .in_stock_wr {margin-top: 7px;} | |
| 27118 | +.new_collection .item_container { | |
| 27119 | + float: left; | |
| 27120 | + padding-bottom: 0 !important; | |
| 27121 | +} | |
| 27122 | +.new_collection .img { | |
| 27123 | + height: 205px !important; | |
| 27124 | + display: table !important; | |
| 27125 | + width: 100% !important; | |
| 27126 | +} | |
| 27127 | +.new_collection .img a { | |
| 27128 | + display: table-cell !important; | |
| 27129 | + vertical-align: middle !important; | |
| 27130 | + height: 205px !important; | |
| 27131 | +} | |
| 27132 | +.new_collection .img img { | |
| 27133 | + max-height: 205px !important; | |
| 27134 | + max-width: 205px !important; | |
| 27135 | + vertical-align: middle; | |
| 27136 | +} | |
| 27137 | +#collection {font-size: 24px; color: #4b4b4b;} | |
| 27138 | +.new_collection .owl-buttons { | |
| 27139 | + position: absolute; | |
| 27140 | + top:0; | |
| 27141 | + right: -12px; | |
| 27142 | + width: 100px; | |
| 27143 | +} | |
| 27144 | +.new_collection .owl-buttons .owl-prev,.new_collection .owl-buttons .owl-next { | |
| 27145 | + top: 0!important; | |
| 27146 | + right: 48px!important; | |
| 27147 | + left: auto!important; | |
| 27148 | + width: 19px!important; | |
| 27149 | + height: 19px!important; | |
| 27150 | + border-radius: 100%!important; | |
| 27151 | + background: none!important; | |
| 27152 | +} | |
| 27153 | +.new_collection .owl-buttons .owl-next { | |
| 27154 | + right:23px !important; | |
| 27155 | +} | |
| 27156 | + | |
| 27157 | + | |
| 27158 | +.new_collection .owl-buttons .owl-prev:before, .new_collection .owl-buttons .owl-next:before{ | |
| 27159 | + background: url("../images/new_img/ico/ico-19.png")!important; | |
| 27160 | + background-repeat: no-repeat!important; | |
| 27161 | + width: 5px!important; | |
| 27162 | + height: 9px!important; | |
| 27163 | + top: 50%!important; | |
| 27164 | + left: 50%!important; | |
| 27165 | + margin-top: -5px!important; | |
| 27166 | + margin-left: -3px!important; | |
| 27167 | +} | |
| 27168 | +.new_collection .owl-buttons .owl-prev:hover:before, .new_collection .owl-buttons .owl-next:hover:before{ | |
| 27169 | + background: url("../images/new_img/ico/ico-20.png")!important; | |
| 27170 | +} | |
| 27171 | +.new_collection .owl-buttons .owl-next:hover:before { | |
| 27172 | + background-position: 5px 0 !important; | |
| 27173 | +} | |
| 27174 | +.new_collection .owl-buttons .owl-next:before { | |
| 27175 | + background-position: -5px 0!important; | |
| 27176 | + margin-left: -2px!important; | |
| 27177 | +} | |
| 27178 | + | |
| 27179 | +.new_collection .events { | |
| 27180 | + position: absolute; | |
| 27181 | + z-index: 99; | |
| 27182 | + top: 0; | |
| 27183 | + left: 0; | |
| 27184 | +} | |
| 27185 | +.new_collection .events_not_link img { | |
| 27186 | + background:#fff; | |
| 27187 | +} | |
| 27188 | +.new_collection .events_not_link img:first-child { | |
| 27189 | + padding-bottom: 5px; | |
| 27190 | + background:none; | |
| 27191 | +} | |
| 27192 | +.new_collection .owl-theme .owl-controls { | |
| 27193 | + margin-top: 0; | |
| 27194 | +} | |
| 27195 | +.event_block.new_ev_bl {min-height:180px;} | |
| 27196 | +@media(max-width: 1200px){ | |
| 27197 | + .collection .catalog_product_list.view_table.new_collection .catalog_item { | |
| 27198 | + width: 50%; | |
| 27199 | + height: 432px !important; | |
| 27200 | + } | |
| 27032 | 27201 | } |
| 27033 | 27202 | \ No newline at end of file | ... | ... |
frontend/web/js/new_script.js
| ... | ... | @@ -132,6 +132,19 @@ $(document).ready(function () { |
| 132 | 132 | } |
| 133 | 133 | |
| 134 | 134 | |
| 135 | - | |
| 135 | + $('.collection .new_collection').owlCarousel({ | |
| 136 | + navigation:true, | |
| 137 | + navigationText: [], | |
| 138 | + responsiveClass: true, | |
| 139 | + loop:true, | |
| 140 | + items:3, | |
| 141 | + itemsDesktop:[1199,2], | |
| 142 | + itemsDesktopSmall : false, | |
| 143 | + itemsTablet: false, | |
| 144 | + itemsMobile : false, | |
| 145 | + mouseDrag:false | |
| 146 | + | |
| 147 | + | |
| 148 | + }); | |
| 136 | 149 | |
| 137 | 150 | }) |
| 138 | 151 | \ No newline at end of file | ... | ... |