7 марта 2017 в 19:43
Drupal Commerce 7
Есть таксономический справочник с категориями товаров. Для каждой категории с справочнике указаны:
- Название
- Описание
- Изображение
- Признак "Отображать на главной"
На главной странице нужно отображать информацию по всем категориям с установленным признаком "Отображать на главной".
Сейчас реализовано с помощью вьюшки с отображением категорий в виде сетки, по 2 блока на строку.
Сложность в том что отображать нужно в нечетных строках по 2 блока на строку, а в четных по одному на всю ширину страницы (см. изображение). Количество отображаемых категорий и их последовательность могут меняться.
Получается что для каждой категории нужно хранить 2 изображения, одно на пол страницы шириной, и втрое на всю ширину. Но как сделать так чтобы строки чередовались и выбирался правильный размер изображения? Всю голову сломала уже как это можно реализовать.
| Вложение | Размер |
|---|---|
 Первая страница | 692 КБ |
Комментарии
Регионы создайте, в таком виде как на скрине, потом клонируйте блоки во вьюхе по количеству регионов, задайте критерии фильтрации(в какой именно регион идёт блок) Это самое простое.
Можно ещё панелями, но там "с лёту" обычно не выходит, нужны навыки.
Сорри если неверно понял вопрос.
Наверно я туплю, о каких регионах идет речь?
Спасибо, так и сделала.
Может строки обычными дивами вывести? А к вложенным div задать половину по умолчанию и float: left, а к каждому третьему тогда применить :nth-child(3n) с шириной 100%
Что то вроде:
width: 100%;
margin: 2px;
padding: 2px;
}
#ttt .block {
width: 47%;
float: left;
padding: 5px;
border: 1px solid black;
text-align: center;
margin: 10px;
}
#ttt .block:nth-child(3n) {
width: 96%;
}
Ну и добавить "красивостей" и если необходимо - ко всяким таблетам/айпадам адаптацию..
Не подойдет, потому что будет непонятно какую картинку брать из термина, широкую или узкую (
О регионах вашей темы.
У Display Suite есть форматтер для вьюх, где можно режим отображения выбирать для каждой строки