Перейти к содержимому


При Наведении Курсором


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 zabota-mama

zabota-mama

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 732 сообщений

Отправлено 22 Январь 2017 - 19:21

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

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

#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 01 Февраль 2017 - 11:11

Просмотр сообщения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);}


#3 zabota-mama

zabota-mama

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 732 сообщений

Отправлено 04 Февраль 2017 - 22:43

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




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных