Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


 Поделиться

Рекомендованные сообщения

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

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

12345.1517777229.png

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

Мужчины,

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

 

Ссылка на комментарий
Поделиться на других сайтах

Ковырять 

.product-thumb p

В файле stylesheet.css

Ссылка на комментарий
Поделиться на других сайтах

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

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


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

 

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

Ссылка на комментарий
Поделиться на других сайтах

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

Вставил.

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

Изменено пользователем akulukin
Ссылка на комментарий
Поделиться на других сайтах


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

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

Вставил.

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

 

Ссылка на комментарий
Поделиться на других сайтах

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

Ссылка на комментарий
Поделиться на других сайтах

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

-webkit-line-clamp: 6;

Так красивее

 

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

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

Изменено пользователем akulukin
Ссылка на комментарий
Поделиться на других сайтах


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;
}

 

Ссылка на комментарий
Поделиться на других сайтах

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

Ссылка на комментарий
Поделиться на других сайтах

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 стоит только минимальное, а максимальное не ограничено.

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

Ссылка на комментарий
Поделиться на других сайтах


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

Ссылка на комментарий
Поделиться на других сайтах

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

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

Наоборот.

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

Ссылка на комментарий
Поделиться на других сайтах


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

Вроде нашёл.

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

 

В этом дело?

Как думаете?

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

Ссылка на комментарий
Поделиться на других сайтах

Поставьте 150 px

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

Ссылка на комментарий
Поделиться на других сайтах

Коллеги.

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

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

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» это просто перенос, режет по границам контейнера, то же красиво)

 

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

 

Вот и всё!

Изменено пользователем akulukin
Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.