Сообщений в теме: 2

[zabota-mama]

1. При наведении курсором на товар картинка затуманивается, где этот эффект можно уменьшить?

2. В карточку товара можно было проваливаться кликнув на любом месте картинки товара.
Кроме "Положить в корзину" и "Быстрый просмотр".
Как это сделать?

[Firefly]

zabota-mama (22 Январь 2017 - 19:21) писал:

1. При наведении курсором на товар картинка затуманивается, где этот эффект можно уменьшить?

2. В карточку товара можно было проваливаться кликнув на любом месте картинки товара.
Кроме "Положить в корзину" и "Быстрый просмотр".
Как это сделать?

Здравствуйте.
Извините за ожидание.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.products-grid .item .product-image:hover .mask {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";}

Замените на:

.products-grid .item .product-image:hover .mask {opacity: 0.8;filter: alpha(opacity=100);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";}

2. Найдите код:

.products-grid .item .product-image .actions {display: block;position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: calc(100% - 50px);}

Замените на:

.products-grid .item .product-image .actions {display: block;position: absolute;top: 0;left: 0;text-align: center;width: 100%;margin-top: calc(60% - 50px);}

[zabota-mama]

Подскажите, как сделать чтобы при наведении затуманивалась только область вокруг слов "Быстрый просмотр" в виде овала.