@afonin_vlad

Как оформить карточку товара в каталоге?

Подскажите пожалуйста, каким образом можно оформить карточку товара в каталоге, чтобы при наведении на нее отображались скрытые элементы (в данном случае размеры) и при этом карточка отображалась поверх других элементов? Скриншот примера прилагается.5ab37d6af293b752653188.png
  • Вопрос задан
  • 461 просмотр
Пригласить эксперта
Ответы на вопрос 4
Hardjuice
@Hardjuice
Верстальщик
Ну, например, при наведении на карточку, поверх появляется аналогичная карточка (абсолютно позиционирована) с дополнительными элементами.
Ответ написан
cyril_b
@cyril_b
elem {
    width:25%;
    height: 150px;
}
elem .more-info {
    display: none;
}
elem:hover {
    width: 30%;
    height: 200px;

}
elem:hover .more-info {
    display:block;
}

можно ещё давать обертку с position: relative и при hover давать position: absolute t0 l0
Ответ написан
alex-1917
@alex-1917
Если ответ помог, отметь решением
Автор!! Открой любой шаблон, даже в шаблонах 2014 года это уже было!!! И внезапно даже в бесплатных!!! Совсем ленивый или ЭТО ЗАДАНИЕ, А НЕ ВОПРОС??!!!
Уж про то, что тут верстки+стилей добавить 29 строк, даже упоминать не буду, это тебе не нужно, тебе нужно разжевать и ВРОТ ПОЛОЖИТЬ...
Ответ написан
@Pechenki
Еще есть вот такой модуль для отображения дополнительных картинок https://liveopencart.ru/opencart-moduli-shablony/m...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы