В мобильной версии увеличить количество символов наименования товара

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

Sufix
Sufix
Репутация: 0
Сообщения: 7
Зарегистрирован: 03.04.2021
С нами: 1 месяц 11 дней

Сообщение #1 Sufix » 03.04.2021, 20:09

Добрый день. Как в мобильной версии увеличить количество символов наименования товара если название длинное?
Вложения
112.jpg

Vanger M
Vanger M
Репутация: 4
Сообщения: 23
Зарегистрирован: 08.06.2016
С нами: 4 года 11 месяцев

Сообщение #2 Vanger » 03.04.2021, 22:27

Sufix писал(а):Добрый день. Как в мобильной версии увеличить количество символов наименования товара если название длинное?
в /css/media.css пропишите доп:

Код: Выделить всё

@media only screen and (max-width: 991px) {
.product_preview__name {
    height: auto;
}
}

или например

Код: Выделить всё

@media only screen and (max-width: 991px) {
.product_preview__name {
    height: 48px;
}
}

Sufix
Sufix
Репутация: 0
Сообщения: 7
Зарегистрирован: 03.04.2021
С нами: 1 месяц 11 дней

Сообщение #3 Sufix » 04.04.2021, 16:06

Огромное спасибо, помогло.

Vanger писал(а):
Sufix писал(а):Добрый день. Как в мобильной версии увеличить количество символов наименования товара если название длинное?
в /css/media.css пропишите доп:

Код: Выделить всё

@media only screen and (max-width: 991px) {
.product_preview__name {
    height: auto;
}
}

или например

Код: Выделить всё

@media only screen and (max-width: 991px) {
.product_preview__name {
    height: 48px;
}
}

Sufix
Sufix
Репутация: 0
Сообщения: 7
Зарегистрирован: 03.04.2021
С нами: 1 месяц 11 дней

Сообщение #4 Sufix » 15.04.2021, 16:31

Может кому пригодиться.

правим /css/media.css
в @media only screen and (max-width : 991px) {
1. увеличим высоту ячейки товара
с

Код: Выделить всё

    .product_item {
        margin-bottom: 0px;
        height: 299px;
        padding: 0px !important;
    }
   

на

Код: Выделить всё

    .product_item {
        margin-bottom: 0px;
        height: auto;
        padding: 0px !important;
    }
   


2. увеличить длину названия товара
с

Код: Выделить всё

 .product_preview__name {
        height: 34px;

на

Код: Выделить всё

    .product_preview__name {
        height: 88px;
 


3. увеличим высоту ячейки на главной (Новинки, Хиты продаж, Акционные товары)
в /html/main.tpl
3,1 в {* Featured products *}
с

Код: Выделить всё

            <div class="block__body">
                <div class="fn_products_slide products_list row no_gutters swiper-container">
                    <div class="swiper-wrapper">

на

Код: Выделить всё

            <div class="block__body">
                <div class="fn_products_slide products_list row no_gutters swiper-container"style="height: 390px;">
                    <div class="swiper-wrapper"style="height: 390px;">


3,2 в {* New products *}
с

Код: Выделить всё

            <div class="block__body">
                <div class="fn_products_slide products_list row no_gutters swiper-container">
                    <div class="swiper-wrapper">

на

Код: Выделить всё

            <div class="block__body">               
                <div class="fn_products_slide products_list row no_gutters swiper-container"style="height: 390px;">
                    <div class="swiper-wrapper"style="height: 390px;">

3,3 {* Discount products *}
с

Код: Выделить всё

            <div class="block__body">
                <div class="fn_products_slide products_list row no_gutters swiper-container">
                    <div class="swiper-wrapper">

на

Код: Выделить всё

            <div class="block__body">
                <div class="fn_products_slide products_list row no_gutters swiper-container"style="height: 390px;">
                    <div class="swiper-wrapper"style="height: 390px;">


Название раздела: Вопросы по работе с OkayCMS
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Вопросы по работе с OkayCMS»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 6 гостей