Записки

Полный текст описания товара на странице раздела каталога 23.03.2018

Полный текст описания товара на странице раздела каталога

Если используете стандартный (умолчальный) каталог товаров на своём сайте под управлением 1С-Битрикс, то эта информация для Вас. На страницах раздела штатного каталога длинное название товара полностью не выводится. Это не совсем удобно, так как не всегда удаётся уместить заголовок продаваемого товара в одну строчку.

Полный текст описания товара на странице раздела каталога

Для того, чтобы поправить такое положение дел необходимо поправить всего лишь одну запись в файле CSS (Каскадные таблицы стилей).
Открываем файл:

bitrix / components / bitrix / catalog.item / templates / .default / style.css.

Находим .product-item-title и в строчке white-space: nowrap; меняем nowrap на normal.

/*Title*/
.product-item-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;        /*здесь поставить "normal"*/
    margin-bottom:15px;
}
.bx-touch .product-item-title,
.product-item-container.hover .product-item-title{
    overflow: auto;
    white-space: normal;
}
.product-item-title a {
    color: #3f3f3f;
    text-decoration: none;
    font-size: 13px;
}
.product-item-big-card  .product-item-title a{font-size:21px;}
.product-item-line-card .product-item-title a{ font-size:20px;}

/*Price*/

Вот и всё, теперь на страницах раздела штатного каталога длинное название товара будет выводится полностью.
НО есть одна проблема, при каждом обновлении компонента каталога эти исправления, естественно, пропадают. Здесь есть два выхода, либо каждый раз вносить изменения после обновления, либо сохранить шаблон компонента каталога а потом править. Помните, если использовать второй способ обновляться компонент не будет и новых примочек от Битрикса Вы не уведите.

Возврат к списку