Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


SashaVeter

Recommended Posts

Добрый день!

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

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

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

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

Сайт lolabrown.ru

111.png

Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах


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

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

 

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

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

Надіслати
Поділитися на інших сайтах

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 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.