Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

12345.1517777229.png

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

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

 

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

Надіслати
Поділитися на інших сайтах

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

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

Мужчины,

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

Надіслати
Поділитися на інших сайтах


10 минут назад, 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;
}

 

Надіслати
Поділитися на інших сайтах

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;

 

В этом дело?

Как думаете?

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

Надіслати
Поділитися на інших сайтах

Коллеги.

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

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

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 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.