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


Увеличение Карточки Товара


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

#1 Mikhaylova

Mikhaylova

    Пользователь

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородМосква

Отправлено 18 Сентябрь 2014 - 19:30

Добрый день!
Возник вопрос, при наведении мыши на карточку товара она увеличивается и сдвигает другие карточки товара, как сделать так чтобы карточка увеличиваласьв стороны и вниз, не изменяя положения остальных карточек а только затеняя их как например это сделано в яндекс картинках?

#2 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 19 Сентябрь 2014 - 04:13

В main.css найдите:
.item_prop {
bottom: 0;
display: none;
font-size: 12px;
opacity: 0;
padding: 5px;
right: 0;
text-align: left;
transition: all 0.15s ease 0s;
width: 215px;
}
замените на:
.item_prop {
background:#fff;
display: none;
font-size: 12px;
opacity: 0;
padding: 5px;
position: absolute;
right: 0 !important;
text-align: left;
top: 430px !important;
transition: all 0.15s ease 0s;
width: 240px;
z-index: 99;
}

далее найдите:
.prod_hold:hover .item_prop {
bottom: 0;
display: block;
opacity: 1;
top: 0;
}
замените на:
.prod_hold:hover .item_prop {
display: block;
opacity: 1;
}


#3 Mikhaylova

Mikhaylova

    Пользователь

  • Пользователи
  • PipPip
  • 29 сообщений
  • ГородМосква

Отправлено 19 Сентябрь 2014 - 22:53

Большое спасибо!




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

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