Расширение поля анонса в карточке товара

Дмитрий добавил(а) назад

Отложено

В текущем поле анонса карточки товара используется 2 строки, в карточках когда используется много дополнений и карточка перегружена информацией это может быть актуально, но если информации немного то можно использовать поле анонса по прямому назначению. Предлагаю ввести настройку по которой можно расширять поле анонса с 2х до десяти строк в мобильной и десктопной версии. Линк на подробные характеристики сохранить, на рисунках забыл добавить.

Рис.1 = оригинал.

Рис.2 = расширенный анонс в десктопной версии.

Рис.3 = расширенный анонс в мобильной версии. 641a0119b10364d02e754d229adbb9e7 . 87e3839ee665f9129825effdffbddf6b a006c887e58d1ad3c6fb0097cecc5eb0

Понравилась

Ответы (1)

Главный по идеям ●

Здравствуйте, Дмитрий! Благодарим за пожелание по улучшению решения.

Предлагаем альтернативный вариант. В Аспро: Next доступен тип отображения карточки «Строительство и ремонт», в котором как раз подробно показаны характеристики товара. Предлагаем вам подключить этот вид детальной страницы. Надеемся, это поможет улучшить карточку на вашем проекте. Всего доброго!

Ответить URL

Дмитрий ●

Здравствуйте! Как видите в таком варианте попадают не особо важные параметры и сути не меняется.

0af4bc5fd7a19cf0de61ee5beab80907

URL

Главный по идеям ●

Добрый день! Благодарим за уточнение.

Характеристики в карточке товара отображаются в соответствии с индексом сортировки. Вы можете настроить порядок их вывода в инфоблоке каталога. Чем меньше индекс сортировки, тем раньше (выше) будет показано свойство — http://joxi.ru/LmGJ4x4HBQqDZr.

Также в параметрах компонента каталога можно указать необходимое количество характеристик для отображения — http://joxi.ru/D2PJEWEHwQG68r.

Спасибо за внимание!

URL

Дмитрий ●

Добрый день!
Вообщем если кому-то ещё пригодится такое решение то можно поправить стили шаблона заменив стандартный код на:

.info_item .preview_text {  color: #333333;
  max-height: 250px;  overflow: hidden;
  padding: 0px 0px 3px;  text-overflow: ellipsis;
  display: -webkit-box;  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;}

Тут изменяется параметр "max-height:" с 60 на 250 и "-webkit-line-clamp:" с 2 на 10

.info_item .preview_text {  color: #333333;
  max-height: 250px;  overflow: hidden;
  padding: 0px 0px 3px;  text-overflow: ellipsis;
  display: -webkit-box;  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;}

Тут изменяется параметр "max-height:" с 60 на 250 и "-webkit-line-clamp:" с 2 на 10

URL

Комментировать

Прикрепить файлы