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


Отображение Цены


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

#1 magamg

magamg

    Продвинутый пользователь

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

Отправлено 16 Октябрь 2015 - 01:20

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

Прикрепленные изображения

  • Безымянный1.jpg
  • Безымянный2.jpg


#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Октябрь 2015 - 01:53

В main.css найдите:
.products-grid .item .item-info .rating-hover {position: absolute;margin: 0 0 30px 0;bottom: -30px;z-index: 1;opacity: 0;width: 100%;}
.products-grid .item:hover .item-info .rating-hover {opacity: 1;bottom: -6px;background: #ffffff;}
замените на:
.products-grid .item .item-info .rating-hover {position: absolute;margin: 0 0 30px 0;bottom: -30px;z-index: 1;opacity: 0; text-align:right; width: 100%;}
.products-grid .item:hover .item-info .rating-hover {opacity: 1;bottom: -6px;}


#3 magamg

magamg

    Продвинутый пользователь

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

Отправлено 18 Октябрь 2015 - 23:12

Просмотр сообщенияVaccina (16 Октябрь 2015 - 01:53) писал:

В main.css найдите:
.products-grid .item .item-info .rating-hover {position: absolute;margin: 0 0 30px 0;bottom: -30px;z-index: 1;opacity: 0;width: 100%;}
.products-grid .item:hover .item-info .rating-hover {opacity: 1;bottom: -6px;background: #ffffff;}
замените на:
.products-grid .item .item-info .rating-hover {position: absolute;margin: 0 0 30px 0;bottom: -30px;z-index: 1;opacity: 0; text-align:right; width: 100%;}
.products-grid .item:hover .item-info .rating-hover {opacity: 1;bottom: -6px;}

Благодарю за помощь




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

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