YOUX agency
youx.agency
Кто мы
Услуги
Портфолио
Контакты
Обсудить проект
SEO
Аудит сайта
Разработка
Лендинги
UX/UI Дизайн
Дизайн в Figma
Интеграции
Интеграция 1с
Другое
Заполнить бриф
Корпоративные сайты
Интернет-магазины
Тех. поддержка
Оптимизация сайта
Верстка проектов
Брендинг
Интеграция Iiko
Модификации
Переезд с другой CMS
Обучение
+2

Данный код помогает сократить заголовок и краткое описание в карточке товара.

Делаем ограничение кол-ва строк в названии товара

Заказать код
Вступить в чат
Предложить код
Видео-урок

Инструкция

1

Код подходит для всех блоков, в самом коде есть часть для моб. версии.

2

Вставьте код ниже в блок "T123" в подвал вашего сайта.

3

Замените кол-во строк в скрипте на необходимое

Скопировать код
Код скопирован
Код для вставки

<style>

.js-store-prod-name .js-product-name .t-store__card__title.t-name {
                          
                            white-space: normal !important;
                            overflow: hidden !important;
                            text-overflow: ellipsis !important;
                            display: -webkit-box;

// Длинна заголовка. Укажите вместо цифры "1" свое кол-во строк 

                            -webkit-line-clamp: 1;
                            -webkit-box-orient: vertical;
                        }
                        
                        .js-store-prod-descr {
                             white-space: normal !important;
                            overflow: hidden !important;
                            text-overflow: ellipsis !important;
                            display: -webkit-box;

// Длинна краткого описания. Укажите вместо цифры "2" свое кол-во строк 

                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                        
                        }
                        
                          @media screen and (max-width: 960px) {
                         .js-store-prod-name.js-product-name.t-store__card__title.t-name {
                          
                            white-space: normal !important;
                            overflow: hidden !important;
                            text-overflow: ellipsis !important;
                            display: -webkit-box;

// Длинна заголовка для моб. Укажите вместо цифры "2" свое кол-во строк 

                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                        }
                        
                        .js-store-prod-descr {
                             white-space: normal !important;
                            overflow: hidden !important;
                            text-overflow: ellipsis !important;
                            display: -webkit-box;

// Длинна краткого описания для моб. Укажите вместо цифры "3" свое кол-во строк 

                            -webkit-line-clamp: 3;
                            -webkit-box-orient: vertical;
                        
                        }
                          }
                        </style>

Другие модификации