Перейти к содержанию
SashaVeter

Проблема с "сеткой товаров"

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

Добрый день!

Помогите, пожалуйста, решить проблему (максимально доступным языком по возможности).

На сайте товары отображаются в каком-то хаотичном порядке, с пустотами между ними (скрин прилагаю).

Посмотрела файл здесь /lolabrown.ru/public_html/catalog/controller/product, поменяла сортировку на сортировку по цене (p.price), чуть скорректировалось - но пустоты всё равно не убрались.

Что где ещё подправить?

Сайт lolabrown.ru

111.png

Поделиться сообщением


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

высота разная блоков

Поделиться сообщением


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

выделяйте фиксированное место (высоту) под рейтинг и название товара, чтобы блоки не скакали
Либо используйте display:inline-block вместо float

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 минуты назад, spectre сказал:

высота разная блоков

причем тут высота) это флоты балуются 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
8 минут назад, prived сказал:

причем тут высота) это флоты балуются 

 

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

будет у блоков одинаковая высота все станет на место

Поделиться сообщением


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

пробовол открывать сетку сайта и добавлять clearfix и помогает - так причем тут высота

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 минуты назад, prived сказал:

пробовол открывать сетку сайта и добавлять clearfix и помогает - так причем тут высота

Какой clearfix :)

Спойлер

v-qlbuygdeowuidquyiznvu1paa.png

 

Поделиться сообщением


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

а зачем? а если товаров в строке будет не 3?

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

Поделиться сообщением


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

Аккуратней с клирфиксом - помните что сетка на десктопе в 4 колонки, на планшете вертикально уже в 2. Можно конечно присвоить визибл/хиден классы бутстрапа, но это вообще костыли жуткие получятся. Лучше фиксированная высота блока.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
5 часов назад, spectre сказал:

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

согласна, надо выравнять высоту блоков

можно это сделать вот этим плагином http://brooksite.ru/blog/15-vyravnivanie-blokov-po-vysote.html

реальное решение банальной проблемы

там идет автоматическое выравнивание высоты указанных блоков по наиболее заполненному блоку , мое имхо-если дело в картинке, то лучше переделать на наименее заполненного. В плагине все вхождения max меняем на min

и все будет красиво)

Изменено пользователем alena967

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

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

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