Отображение товаров с помощью Views (Решено)

Главные вкладки

Аватар пользователя degpavel degpavel 25 марта 2012 в 0:35

Здравствуйте,

Не могу решить проблему. Есть около 8000 товаров на сайте. На главной странице должны отображаются все товары. С помощью views отображаю товары со стилем grid или html list в 3 колонки. Но у товаров названия могут занимать 1,2 или даже 3 строчки, и высота каждого товара получается разной, поэтому сетка отображения становится кривой. Нужно каким-то образом выровнять сетку, чтобы в каждом ряду каждый из трех товаров имел одну высоту. В настройках views все уже перепробовал... Или может стоит использовать какой-нибудь другой алгоритм отображения товаров?
Ссылка: http://www.home-accessories.ru/

Спасибо!

Комментарии

Аватар пользователя void void 25 марта 2012 в 0:47

1. сделай пагинг для .views-row, а то все слиплось
2. перенеси заголовок под картинку
3. сделай картинку меньше (смотри п.1)
4. укорачивай заголовок до 2-х строк (смотри настройки поля во вьевс)
5. сделай заголовок блоком высотой в 2 строчки
или 6. сделай высоту .views-row фиксированной

Аватар пользователя degpavel degpavel 25 марта 2012 в 0:57

А как сделать высоту .views-row фиксированной? думаю это подойдет.
И насчет слипшихся названий соседних товаров в ряду. Это как исправить?

Аватар пользователя Slavison Slavison 25 марта 2012 в 11:14

отображаю товары со стилем grid или html list
Делать фиксированной высоту для li не самый лучший вариант. На вашей странице товары выводятся списком (html list), сделайте сеткой (grid), тогда товары будут выводиться таблицей, с таблицей этой проблемы не будет, высота ряда будет равна высоте самой высокой колонки в ряду.

Все товары на одной страницы — это для мазохистов, все тормозит и долго грузится, сделайте пейджер, как у же говорили выше.

Аватар пользователя degpavel degpavel 25 марта 2012 в 11:40

Сетку я тоже делал. Все равно получается криво. Тем более колонки становятся разной ширины, и получается еще хуже. А пейджер я сделал. Когда прокручиваешь до конца страницы, автоматически подгружается еще страница.

Аватар пользователя degpavel degpavel 25 марта 2012 в 19:15

С фиксированной высотой разобрался) вставил в css темы это:

.views-row {
    min-height: 400px;
}

Firebug оказывается хорошая вещь)

Надо бы еще разобраться с расстоянием между колонками, а то его вообще нет...
И каким-то образом надо картинки сделать на одном уровне, не перенося названия под них. Хотя можно и так если не получится по-другому.