Регистрация
Вход через соцсети
Восстановление пароля

Изменение внешнего вида инфоблока (карточки товара)

Новый топик
04.04.2015, 05:59
Ответить | Цитировать
Гость
Гость

Здравствуйте, подскажите пожалуйста, как можно сделать похожую карточку товара, например:

http://rozetka.com.ua/mobile-phones/c80003/filter/preset=smartfon/
1. При наведении мышки - инфоблок расширяется.
2. Появляется "Краткое описание" товара
2. Добавить возможность сразу купить, не входя в товар.

Заранее спасибо.
04.04.2015, 06:06
Ответить | Цитировать
Гость
Гость

NetCat E-Commerce версия 5.5
04.04.2015, 13:09
Ответить | Цитировать
Nexwich
Панасин Александр
Nexwich

Зарегистрирован:
2011-04-05
Сообщений: 943

Изучить .CSS
Код:
<style>
.item {position:relative} // Указать позицию для того чтобы позиционировать внутри этого блока
.item:hover .full {display:block;} // При наведении (:hover) на родительский тег (.item:hover) отобразить вложенный тег (.full)
.item .full {display:none; position:absolute; top:0; left:-100px;} // По умолчанию не отображается Определить блок с полным отображением поверх основного и сместить влево на 100 пикселей
</style>
<div class='item'>
<div class='short'>Краткое описание<div>
<div class='full'>Полное описание<div>
<div>

Кроме всего этого не забудьте указать свойства для отображения такие как шрифты размеры и тд.

Для последующего ответа с моей стороны вам придется авторизоваться

Модуль "Почтовые уведомления" – настройка уведомлений на вашем сайте без программирования. Цена отзыв. Мне очень важно ваше мнение.
04.04.2015, 14:28
Ответить | Цитировать
Andrey
Andrey

Зарегистрирован:
2015-01-30
Сообщений: 57

Чистил кеш браузера, и авторизация сбилась. Спасибо, попробую разобраться.
198 196 2015-04-04 14:28:06 14097
Описание проекта