COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Съехали товары в подкатегориях


Recommended Posts

11 час назад, tracy сказал:

Помогите сделать что бы не съезжало из за длинного текста..

Без ссылки на сайт сложно помочь.

Проблема в том, что высота блоков подкатегорий подстраивается под картинку и Название. Там, где длинное название, там карточка получается выше. Если задать всем блокам одинаковую высоту, то часть проблемы исчезнет.

Вторая проблема станется:

длинное слово в название вылазит за границу блока.

Решается изменением разметки.

 

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

4 часа назад, jaffagold сказал:

Без ссылки на сайт сложно помочь.

Проблема в том, что высота блоков подкатегорий подстраивается под картинку и Название. Там, где длинное название, там карточка получается выше. Если задать всем блокам одинаковую высоту, то часть проблемы исчезнет.

Вторая проблема станется:

длинное слово в название вылазит за границу блока.

Решается изменением разметки.

 

Я написал в посте pmt174.ru

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

Для того, чтобы увидеть, как будет лучше,

пропишите в инспекторе кода, но не вносите в файл стилей

.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) кроме того, желательно добавить туда свой специфический класс, чтобы потом можно было стилями управлять высотой этих блоков.

После чего можно будет прописать высоту этих блоков для различной ширины экрана с помощью медиазапросов или скрипта выравнивания.

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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

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

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