Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

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


SashaVeter
 Share

Recommended Posts

Добрый день!

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

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

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

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

Сайт lolabrown.ru

111.png

Link to comment
Share on other sites


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

Link to comment
Share on other sites


8 минут назад, prived сказал:

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

 

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites


5 часов назад, spectre сказал:

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

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

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

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

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

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

Edited by alena967
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.