Здравствуйте,
Не могу решить проблему. Есть около 8000 товаров на сайте. На главной странице должны отображаются все товары. С помощью views отображаю товары со стилем grid или html list в 3 колонки. Но у товаров названия могут занимать 1,2 или даже 3 строчки, и высота каждого товара получается разной, поэтому сетка отображения становится кривой. Нужно каким-то образом выровнять сетку, чтобы в каждом ряду каждый из трех товаров имел одну высоту. В настройках views все уже перепробовал... Или может стоит использовать какой-нибудь другой алгоритм отображения товаров?
Ссылка: http://www.home-accessories.ru/
Спасибо!
Комментарии
1. сделай пагинг для .views-row, а то все слиплось
2. перенеси заголовок под картинку
3. сделай картинку меньше (смотри п.1)
4. укорачивай заголовок до 2-х строк (смотри настройки поля во вьевс)
5. сделай заголовок блоком высотой в 2 строчки
или 6. сделай высоту .views-row фиксированной
А как сделать высоту .views-row фиксированной? думаю это подойдет.
И насчет слипшихся названий соседних товаров в ряду. Это как исправить?
css
отображаю товары со стилем grid или html list
Делать фиксированной высоту для li не самый лучший вариант. На вашей странице товары выводятся списком (html list), сделайте сеткой (grid), тогда товары будут выводиться таблицей, с таблицей этой проблемы не будет, высота ряда будет равна высоте самой высокой колонки в ряду.
Все товары на одной страницы — это для мазохистов, все тормозит и долго грузится, сделайте пейджер, как у же говорили выше.
Сетку я тоже делал. Все равно получается криво. Тем более колонки становятся разной ширины, и получается еще хуже. А пейджер я сделал. Когда прокручиваешь до конца страницы, автоматически подгружается еще страница.
С фиксированной высотой разобрался) вставил в css темы это:
min-height: 400px;
}
Firebug оказывается хорошая вещь)
Надо бы еще разобраться с расстоянием между колонками, а то его вообще нет...
И каким-то образом надо картинки сделать на одном уровне, не перенося названия под них. Хотя можно и так если не получится по-другому.