akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Ну а так Модули/расширения и выбираем редактирование темы. Спасибо, уже нашёл. Однако количество символов общее для обоих видов представлений: сетка, строчно. Для сетки 150 - стало очень хорошо. А вот для строчки - маловато. Как бы изменить кол-во символов в строчном представлении краткого описания текста? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, Tom сказал: @legioner26 Вы предлагаете вместо того что бы завести машину ключом, выдрать провода от замка зажигания и заводить обычным КЗ..... Всё же думаю, что лучше вариант стилями сделать. Вывести в настройках максимальное количество, которое будет хорошо смотреться в list а в grid стилями обрезать...http://htmlbook.ru/blog/obrezaem-dlinnuyu-stro Ок согласен, лучше и удобнее в данном варианте обойтись css Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 2 минуты назад, legioner26 сказал: Ок согласен, лучше и удобнее в данном варианте обойтись css Мужчины, пожалуйста, подскажите, какой файл с таблице стилей лучше "ковырять" ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Как вариант в css добавить overflow: hidden; word-break: break-all; Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Ковырять .product-thumb p В файле stylesheet.css Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 4 минуты назад, legioner26 сказал: Как вариант в css добавить overflow: hidden; word-break: break-all; В файле - catalog/view/theme/default/stylesheet/stylesheet.css ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 10 минут назад, akulukin сказал: В файле - catalog/view/theme/default/stylesheet/stylesheet.css ? У вас стандартный шаблон? Если да то по этому пути Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Только что, legioner26 сказал: У вас стандартный шаблон? Да. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) .product-thumb p { overflow: hidden; word-break: break-all; } Вставил. Ни изменяет ни чего. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 15 минут назад, akulukin сказал: .product-thumb p { overflow: hidden; word-break: break-all; } Вставил. Ни изменяет ни чего. Вы поставьте максимум в настройках символов. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 И попробуйте потом такие стили .product-thumb p { overflow: hidden; word-break: break-all; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Ну как получилось ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте вместо -webkit-line-clamp: 4; -webkit-line-clamp: 6; Так красивее Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) 12 минут назад, legioner26 сказал: Ну как получилось ? В представлении "List" получилось, а вот "сетку" потянул по вертикали ой как много. Я так понимаю - строчно высота ограничена. А вот "сеткой" ограничение по высоте нет, и контейнер увеличивается по высоте согласно моим 500 символам, которые я поставил в настройках. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Воооо вижу теперь что добавили Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 2 минуты назад, legioner26 сказал: Ок согласен, лучше и удобнее в данном варианте обойтись css Мужчины, пожалуйста, подскажите, какой файл с таблице стилей лучше "ковырять" ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Как вариант в css добавить overflow: hidden; word-break: break-all; Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Ковырять .product-thumb p В файле stylesheet.css Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 4 минуты назад, legioner26 сказал: Как вариант в css добавить overflow: hidden; word-break: break-all; В файле - catalog/view/theme/default/stylesheet/stylesheet.css ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 10 минут назад, akulukin сказал: В файле - catalog/view/theme/default/stylesheet/stylesheet.css ? У вас стандартный шаблон? Если да то по этому пути Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Только что, legioner26 сказал: У вас стандартный шаблон? Да. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) .product-thumb p { overflow: hidden; word-break: break-all; } Вставил. Ни изменяет ни чего. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 15 минут назад, akulukin сказал: .product-thumb p { overflow: hidden; word-break: break-all; } Вставил. Ни изменяет ни чего. Вы поставьте максимум в настройках символов. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 И попробуйте потом такие стили .product-thumb p { overflow: hidden; word-break: break-all; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Ну как получилось ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте вместо -webkit-line-clamp: 4; -webkit-line-clamp: 6; Так красивее Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) 12 минут назад, legioner26 сказал: Ну как получилось ? В представлении "List" получилось, а вот "сетку" потянул по вертикали ой как много. Я так понимаю - строчно высота ограничена. А вот "сеткой" ограничение по высоте нет, и контейнер увеличивается по высоте согласно моим 500 символам, которые я поставил в настройках. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Воооо вижу теперь что добавили Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Ковырять .product-thumb p В файле stylesheet.css Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 4 минуты назад, legioner26 сказал: Как вариант в css добавить overflow: hidden; word-break: break-all; В файле - catalog/view/theme/default/stylesheet/stylesheet.css ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 10 минут назад, akulukin сказал: В файле - catalog/view/theme/default/stylesheet/stylesheet.css ? У вас стандартный шаблон? Если да то по этому пути Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Только что, legioner26 сказал: У вас стандартный шаблон? Да. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) .product-thumb p { overflow: hidden; word-break: break-all; } Вставил. Ни изменяет ни чего. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 15 минут назад, akulukin сказал: .product-thumb p { overflow: hidden; word-break: break-all; } Вставил. Ни изменяет ни чего. Вы поставьте максимум в настройках символов. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 И попробуйте потом такие стили .product-thumb p { overflow: hidden; word-break: break-all; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Ну как получилось ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте вместо -webkit-line-clamp: 4; -webkit-line-clamp: 6; Так красивее Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) 12 минут назад, legioner26 сказал: Ну как получилось ? В представлении "List" получилось, а вот "сетку" потянул по вертикали ой как много. Я так понимаю - строчно высота ограничена. А вот "сеткой" ограничение по высоте нет, и контейнер увеличивается по высоте согласно моим 500 символам, которые я поставил в настройках. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Воооо вижу теперь что добавили Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 4 минуты назад, legioner26 сказал: Как вариант в css добавить overflow: hidden; word-break: break-all; В файле - catalog/view/theme/default/stylesheet/stylesheet.css ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 10 минут назад, akulukin сказал: В файле - catalog/view/theme/default/stylesheet/stylesheet.css ? У вас стандартный шаблон? Если да то по этому пути Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Только что, legioner26 сказал: У вас стандартный шаблон? Да. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) .product-thumb p { overflow: hidden; word-break: break-all; } Вставил. Ни изменяет ни чего. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 15 минут назад, akulukin сказал: .product-thumb p { overflow: hidden; word-break: break-all; } Вставил. Ни изменяет ни чего. Вы поставьте максимум в настройках символов. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 И попробуйте потом такие стили .product-thumb p { overflow: hidden; word-break: break-all; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Ну как получилось ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте вместо -webkit-line-clamp: 4; -webkit-line-clamp: 6; Так красивее Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) 12 минут назад, legioner26 сказал: Ну как получилось ? В представлении "List" получилось, а вот "сетку" потянул по вертикали ой как много. Я так понимаю - строчно высота ограничена. А вот "сеткой" ограничение по высоте нет, и контейнер увеличивается по высоте согласно моим 500 символам, которые я поставил в настройках. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Воооо вижу теперь что добавили Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Только что, legioner26 сказал: У вас стандартный шаблон? Да. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) .product-thumb p { overflow: hidden; word-break: break-all; } Вставил. Ни изменяет ни чего. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 15 минут назад, akulukin сказал: .product-thumb p { overflow: hidden; word-break: break-all; } Вставил. Ни изменяет ни чего. Вы поставьте максимум в настройках символов. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 И попробуйте потом такие стили .product-thumb p { overflow: hidden; word-break: break-all; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Ну как получилось ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте вместо -webkit-line-clamp: 4; -webkit-line-clamp: 6; Так красивее Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) 12 минут назад, legioner26 сказал: Ну как получилось ? В представлении "List" получилось, а вот "сетку" потянул по вертикали ой как много. Я так понимаю - строчно высота ограничена. А вот "сеткой" ограничение по высоте нет, и контейнер увеличивается по высоте согласно моим 500 символам, которые я поставил в настройках. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Воооо вижу теперь что добавили Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 И попробуйте потом такие стили .product-thumb p { overflow: hidden; word-break: break-all; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; } Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Ну как получилось ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте вместо -webkit-line-clamp: 4; -webkit-line-clamp: 6; Так красивее Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) 12 минут назад, legioner26 сказал: Ну как получилось ? В представлении "List" получилось, а вот "сетку" потянул по вертикали ой как много. Я так понимаю - строчно высота ограничена. А вот "сеткой" ограничение по высоте нет, и контейнер увеличивается по высоте согласно моим 500 символам, которые я поставил в настройках. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Воооо вижу теперь что добавили Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Ну как получилось ? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте вместо -webkit-line-clamp: 4; -webkit-line-clamp: 6; Так красивее Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) 12 минут назад, legioner26 сказал: Ну как получилось ? В представлении "List" получилось, а вот "сетку" потянул по вертикали ой как много. Я так понимаю - строчно высота ограничена. А вот "сеткой" ограничение по высоте нет, и контейнер увеличивается по высоте согласно моим 500 символам, которые я поставил в настройках. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Воооо вижу теперь что добавили Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте вместо -webkit-line-clamp: 4; -webkit-line-clamp: 6; Так красивее Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) 12 минут назад, legioner26 сказал: Ну как получилось ? В представлении "List" получилось, а вот "сетку" потянул по вертикали ой как много. Я так понимаю - строчно высота ограничена. А вот "сеткой" ограничение по высоте нет, и контейнер увеличивается по высоте согласно моим 500 символам, которые я поставил в настройках. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Воооо вижу теперь что добавили Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) 12 минут назад, legioner26 сказал: Ну как получилось ? В представлении "List" получилось, а вот "сетку" потянул по вертикали ой как много. Я так понимаю - строчно высота ограничена. А вот "сеткой" ограничение по высоте нет, и контейнер увеличивается по высоте согласно моим 500 символам, которые я поставил в настройках. Изменено 4 февраля 2018 пользователем akulukin Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Воооо вижу теперь что добавили Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Воооо вижу теперь что добавили Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha × Уже зарегистрированы? Войти Регистрация Раздел покупок Назад Приобретенные дополнения Ваши счета Список желаний Альтернативные контакты Форум Новости ocStore Назад Официальный сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Скачать ocStore Документация История версий ocStore Блоги Модули Шаблоны Назад Бесплатные шаблоны Платные шаблоны Где покупать модули? Услуги FAQ OpenCart.Pro Назад Демо Купить Сравнение × Создать... Важная информация На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности. Я принимаю
akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення Deals – адаптивный универсальный шаблон Автор: octemplates Динамичесткая инфострока в шапке + позиция в макете для opencart\ocstore 2x, 3x Автор: Lito911 Единицы Измерения Товара Автор: RoS Opencart Product Search by Image Автор: slavoglo Простой массовый редактор цен. Fast Price Edit Автор: Sha
akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 1 минуту назад, legioner26 сказал: Вы хотите высоту увеличить? Вроде хорошо сейчас смотрится. Наоборот. Высоту контейнера сетки уменьшить. Ну куда такие вытянутые? С строчкой строчного представления - нормально, а вот контейнер сетки слишком вытянут. Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 14 минут назад, akulukin сказал: Вроде нашёл. .product-grid .product-thumb .caption { min-height: 210px; В этом дело? Как думаете? Да тут мин. высота блока Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу. Последние темы Последние дополнения Последние новости Вся активность Главная Opencart 2.x Opencart 2.x: Настройка и оптимизация Как добавить кол-во символов в кратком описании товара, в категориях
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Поставьте 150 px А значение -webkit-line-clamp: 6; измените на 4 Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0 Перейти к списку тем Сейчас на странице 0 пользователей Нет пользователей, просматривающих эту страницу.
legioner26 Опубликовано: 4 февраля 2018 Поделиться Опубликовано: 4 февраля 2018 Вроде все ок Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться... Назад 1 2 Вперёд Страница 2 из 2 Создайте аккаунт или войдите в него для комментирования Вы должны быть пользователем, чтобы оставить комментарий Создать аккаунт Зарегистрируйтесь для получения аккаунта. Это просто! Зарегистрировать аккаунт Войти Уже зарегистрированы? Войдите здесь. Войти сейчас Поделиться Больше способов поделиться... Подписчики 0
akulukin Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 (изменено) Коллеги. Вот пошаговая инструкция как это сделать. Сделал так, чтобы предварительное описание товара, в категориях отображалось красиво. Т.е. – в представлении «Сетка» - был заполнен весь контейнер и снизу цена. А в представлении «Строчном» - так же был заполнен весь горизонтальный контейнер, а снизу цена. Что сделал: 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 Опубликовано: 4 февраля 2018 Автор Поделиться Опубликовано: 4 февраля 2018 Огромное спасибо господину legioner26 !!! Ссылка на комментарий Поделиться на других сайтах Больше способов поделиться...
Рекомендованные сообщения