Как добавить кол-во символов в кратком описании товара, в категориях

[akulukin]

1 минуту назад, legioner26 сказал:

Ну а так Модули/расширения и выбираем редактирование темы.

Спасибо, уже нашёл.

Однако количество символов общее для обоих видов представлений: сетка, строчно.

Для сетки 150 - стало очень хорошо. А вот для строчки - маловато.

Как бы изменить кол-во символов в строчном представлении краткого описания текста?

[legioner26]

14 минут назад, Tom сказал:

@legioner26 Вы предлагаете вместо того что бы завести машину ключом, выдрать провода от замка зажигания и заводить обычным КЗ.....

Всё же думаю, что лучше вариант  стилями сделать. Вывести в настройках максимальное количество, которое будет хорошо смотреться в list а в grid стилями обрезать...
http://htmlbook.ru/blog/obrezaem-dlinnuyu-stro

 

Ок согласен, лучше и удобнее в данном варианте обойтись css

[akulukin]

2 минуты назад, legioner26 сказал:

Ок согласен, лучше и удобнее в данном варианте обойтись css

Мужчины,

пожалуйста, подскажите, какой файл с таблице стилей лучше "ковырять" ?

[legioner26]

Как вариант в  css добавить 

overflow: hidden;
word-break: break-all;

 

[legioner26]

Ковырять 

.product-thumb p

В файле stylesheet.css

[akulukin]

4 минуты назад, legioner26 сказал:

Как вариант в  css добавить 

overflow: hidden;
word-break: break-all;

 

В файле - catalog/view/theme/default/stylesheet/stylesheet.css ?

[legioner26]

10 минут назад, akulukin сказал:

В файле - catalog/view/theme/default/stylesheet/stylesheet.css ?

У вас стандартный шаблон? Если да то по этому пути

[akulukin]

Только что, legioner26 сказал:

У вас стандартный шаблон?

Да.

[akulukin]

.product-thumb p {
    overflow: hidden;
    word-break: break-all;
}

Вставил.

Ни изменяет ни чего.

Змінено 4 лютого 2018 користувачем akulukin

[legioner26]

15 минут назад, akulukin сказал:

.product-thumb p {
    overflow: hidden;
    word-break: break-all;
}

Вставил.

Ни изменяет ни чего.

Вы поставьте максимум в настройках символов.

[legioner26]

И попробуйте потом такие стили

.product-thumb p {
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
}

 

[legioner26]

Ну как получилось  ?

[legioner26]

 Поставьте вместо -webkit-line-clamp: 4;

-webkit-line-clamp: 6;

Так красивее

 

[akulukin]

12 минут назад, legioner26 сказал:

Ну как получилось  ?

В представлении "List" получилось, а вот "сетку" потянул по вертикали ой как много.

Я так понимаю - строчно высота ограничена.

А вот "сеткой" ограничение по высоте нет, и контейнер увеличивается по высоте согласно моим 500 символам, которые я поставил в настройках.

Змінено 4 лютого 2018 користувачем akulukin

[legioner26]

7 минут назад, akulukin сказал:

В представлении "List" получилось, а вот "сетку" потянул по вертикали ой как много.

Вы не добавили стили  

Добавьте

.product-thumb p {
    overflow: hidden;
    -webkit-line-clamp: 6;
    word-break: break-all;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
}

 

[legioner26]

Воооо вижу теперь что добавили

[akulukin]

3 минуты назад, legioner26 сказал:

Вы не добавили стили  

Добавьте

.product-thumb p {
    overflow: hidden;
    -webkit-line-clamp: 6;
    word-break: break-all;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
}

 

Добавил я стили.
По вертикали контейнер в представлении "grid" (сетка) увеличивается согласно 500 символам, которые я ввёл в настройках.

Видимо где-то значение height стоит только минимальное, а максимальное не ограничено.

Вот как я думаю...

[akulukin]

Вроде нашёл.

.product-grid .product-thumb .caption {
    min-height: 210px;

 

В этом дело?

Как думаете?

[legioner26]

Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится.

[akulukin]

1 минуту назад, legioner26 сказал:

Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится.

Наоборот.

Высоту контейнера сетки уменьшить.
Ну куда такие вытянутые?
С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут.

[legioner26]

14 минут назад, akulukin сказал:

Вроде нашёл.

.product-grid .product-thumb .caption {
    min-height: 210px;

 

В этом дело?

Как думаете?

Да тут мин. высота блока

[legioner26]

Поставьте 150 px

А значение  -webkit-line-clamp: 6; измените на 4

[legioner26]

Вроде все ок

[akulukin]

Коллеги.

Вот пошаговая инструкция как это сделать.

Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво.
Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена.
А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена.
Что сделал:

1. Зашёл в админку, раздел «Дополнения», модули, шаблоны, нажал «Редактировать» мой дефолтный шаблон.

2. В значении «Товары и Категории» в поле «Краткое описания» - поставил большую цифру (1000)

3. Далее, по пути: /www/love-point.ru/catalog/view/theme/default/stylesheet/ stylesheet.css открыл эту таблицу стилей к моему дефолтному шаблону и вставил следующие стили:

.product-thumb p {

    overflow: hidden;

    word-break: normal;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    text-overflow: ellipsis;

}

После строк:

/* product list */

.product-thumb {

       border: 1px solid #ddd;

       margin-bottom: 20px;

       overflow: auto;

}

Здесь можно поиграться:
-webkit-line-clamp: 6; (цифра 6 – количество строк текста)
word-break: normal;   (значение «normal» это стандартный перенос по законам Русского языка, можно поставить значение «break-all» это просто перенос, режет по границам контейнера, то же красиво)

 

Не забываем очищать кэш Вашего браузера.

 

Вот и всё!

Змінено 4 лютого 2018 користувачем akulukin

[akulukin]

Огромное спасибо господину legioner26 !!!