-Images from background fix

Alexey Boroda
1 parent f66a9e94
Showing 3 changed files with 19 additions and 2 deletions Show diff stats
frontend/views/catalog/_product_list.php
frontend/views/site/index.php
frontend/web/css/style.css
@@ -21,7 +21,9 @@ use yii\widgets\ListView;
             'product' => $model->alias,
             'variant' => $model->variant->sku,
         ])?>">
-        <div class="picture" style="background-image:url('<?php echo ArtboxImageHelper::getImageSrc($model->getImageUrl(), 'product_list_item'); ?>');"></div>
+        <div class="product-list-item">
+            <?php echo ArtboxImageHelper::getImage($model->getImageUrl(), 'product_list_item', ['class' => 'product_list']); ?>
+        </div>
             <div class="title_1"><?php echo $model->name; ?></div>
             <div class="title_2"><?php echo $model->variant->sku; ?></div>
         </a>
@@ -32,7 +32,7 @@ $this-&gt;title = &quot;Главная&quot;;
         </div>
     </section>
     <section class="main-box1">
-        <div class="link_big"><a href="#">Новые коллекции</a></div>
+        <div class="link_big"><a href="<?php echo Url::to(['/new-collections']); ?>">Новые коллекции</a></div>
         <?php
         echo ListView::widget([
             'dataProvider' => $newCollections,
@@ -2119,6 +2119,21 @@ p.right{text-align: right;}
     padding-top: 18px;
     padding-bottom: 27px;
 }
+.product-list-item img {
+    width: 100%;
+    height: 171px;
+}
+.product-list-item:hover::after {
+    background-color: rgba(255, 255, 255, 0.83);
+    background-image: url("../images/plus.png");
+    background-position: center center;
+    background-repeat: no-repeat;
+    content: "";
+    height: 171px;
+    left: 0;
+    position: absolute;
+    width: 100%;
+}
 .comments-wr {
     margin-top: 0px!important;
     padding-bottom: 16px;