tracy Опубликовано: февраля 21, 2019 Жалоба Поделиться Опубликовано: февраля 21, 2019 Помогите сделать что бы не съезжало из за длинного текста.. Цитата http://pmt174.ru/index.php?route=product/category&path=167_168 Цитата Ссылка на комментарий Поделиться на других сайтах Больше вариантов поделиться...
BuslikDrev Опубликовано: февраля 21, 2019 Жалоба Поделиться Опубликовано: февраля 21, 2019 Вам к автору: Скрытый текст https://liveopencart.ru/opencart-moduli-shablony/shablonyi/shopstroid-3-universalnyiy-adaptirovannyiy-shablon-dlya-opencart-3 Цитата Ссылка на комментарий Поделиться на других сайтах Больше вариантов поделиться...
jaffagold Опубликовано: февраля 22, 2019 Жалоба Поделиться Опубликовано: февраля 22, 2019 11 час назад, tracy сказал: Помогите сделать что бы не съезжало из за длинного текста.. Без ссылки на сайт сложно помочь. Проблема в том, что высота блоков подкатегорий подстраивается под картинку и Название. Там, где длинное название, там карточка получается выше. Если задать всем блокам одинаковую высоту, то часть проблемы исчезнет. Вторая проблема станется: длинное слово в название вылазит за границу блока. Решается изменением разметки. Цитата Ссылка на комментарий Поделиться на других сайтах Больше вариантов поделиться...
tracy Опубликовано: февраля 22, 2019 Автор Жалоба Поделиться Опубликовано: февраля 22, 2019 4 часа назад, jaffagold сказал: Без ссылки на сайт сложно помочь. Проблема в том, что высота блоков подкатегорий подстраивается под картинку и Название. Там, где длинное название, там карточка получается выше. Если задать всем блокам одинаковую высоту, то часть проблемы исчезнет. Вторая проблема станется: длинное слово в название вылазит за границу блока. Решается изменением разметки. Я написал в посте pmt174.ru Цитата Ссылка на комментарий Поделиться на других сайтах Больше вариантов поделиться...
jaffagold Опубликовано: февраля 22, 2019 Жалоба Поделиться Опубликовано: февраля 22, 2019 Для того, чтобы увидеть, как будет лучше, пропишите в инспекторе кода, но не вносите в файл стилей .col-sm-2.col-xs-6 { height: 200px; width: 25%; } Вы увидите, как сразу шире стали блоки и как выровнялась их высота Что надо сделать... 1) Надо посмотреть, каким модулем в вашем шаблоне формируется сетка из блоков <div class="col-sm-2 col-xs-6" style="margin-bottom: 20px;"> найти его файл .tpl и попробовать подобрать более удачную разметку, например <div class="col-md-3 col-sm-4 col-xs-6" 2) кроме того, желательно добавить туда свой специфический класс, чтобы потом можно было стилями управлять высотой этих блоков. После чего можно будет прописать высоту этих блоков для различной ширины экрана с помощью медиазапросов или скрипта выравнивания. Вот только у меня есть сомнения, справитесь ли вы самостоятельно. Цитата Ссылка на комментарий Поделиться на других сайтах Больше вариантов поделиться...
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сейчас и зарегистрироваться позже. Если у вас есть учётная запись, войдите, чтобы публиковать под своей учётной записью.