Commit a6c708191a09f2c88ff77a3d496e1f794351272f

Authored by Alexey Boroda
2 parents 1ac2e1aa 56f7e5da

Merge branch 'similar'

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
... ... @@ -81,10 +81,6 @@ class ProductFrontendSearch extends Product {
81 81 ]
82 82 ]);
83 83  
84   -
85   -
86   -
87   -
88 84 return $dataProvider;
89 85 }
90 86  
... ...
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/images/new_img/ico/ico-19.png 100755 → 100644

213 Bytes | W: | H:

1.05 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
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
... ...