Вывод анонса новостей. Разные классы div. Как быть в такой ситуации?

Версия MODX: Revolution

Хочу вывести в раздел новостей на главной анонс последних трех новостей. Но верстка сделана таким образом, что в каждый из 3-х дивов, в которые обернут каждый анонс новости имеет разные классы (нужно для красивостей на джаваскрипт). Как правильно поступить в этом случае для вывода новостей с помощью getResources, чтоб сохранить все классы?

Василий
11.05.16 в 11:05

Комментарии (9)

Михаил 11.05.2016 12:16 #
Стоит посмотреть в сторону сниппета Switch. Пишу на память:
```
<div class="[[switch? &get=`[[+idx]]` &c1=`1` &do1=`class1` &c2=`2` &do2=`class2` &c3=`3` &do3=`class3`]]"></div>
```
Комментарий был изменён 11.05.2016 в 12:17
Руслан Алеев 11.05.2016 12:52 #
1) Как по-мне, так можно использовать
```
tplOdd, tplFirst, tplLast, tpl_N, tpl_nN
```
— параметры getResources, которые учитывают порядковый номер вывода ресурсов для их шаблонизации.
К примеру, tpl_nN выступает в качестве шаблона для каждого N-ного ресурса, например шаблон &tpl_n4=`tpl4th` будет применен к каждому элементу, порядковый номер которого кратен 4.
2) Или можно использовать псевдоклассы в css (:nth-child, :nth-of-type).
Комментарий был изменён 11.05.2016 в 12:53
1. Михаил 11.05.2016 13:21 #
  
  В данном случае первый вариант увеличивает количество практически одинаковых чанков и усложняет их сопровождение.
  Второй вариант больше подходит лишь для визуального оформления, но, как написал автор вопроса, «нужно для красивостей на джаваскрипт», а тут уже не всё так однозначно.
Павел Романов 11.05.2016 13:49 #
Если у Вас уже есть какие-то заданные классы (например, стоит какой-то плагин оформления или настроены стили), то лучше как советует Михаил — через сниппет, но если оформление пишется с нуля, то проще в чанке использовать плейсхолдер [[+idx]] — он выводит порядковый номер элемента:
```
<div class="item[[+idx]]">
	 .....
</div>
```
Ну и дальше просто обрабатывайте .item1, .item2, item3.
Василий 11.05.2016 15:44 #
У меня 3 дива с такими классами и доп аттрибутами. Не понимаю как с помощью сниппета switch их обработать :(
```
<div class="news_block_item wow fadeInLeft" data-wow-delay="0s" data-wow-offset="200">
<div class="news_block_item wow fadeIn" data-wow-delay="0.5s" data-wow-offset="200">
<div class="news_block_item wow fadeInRight" data-wow-delay="1s" data-wow-offset="200">
```
Комментарий был изменён 11.05.2016 в 15:46
1. Михаил 12.05.2016 01:40 #
  Сниппет смотрит значение параметра get, который содержит переданный idx, то есть порядковый номер анонса (1, 2 и 3 в данном случае). И в зависимости от значения плейсхолдера idx выводит определённое содержимое (открывающий div в данном случае).
  
  [[switch? &get=`[[+idx]]` &c1=`1` &do1=`<div class="news_block_item wow fadeInLeft" data-wow-delay="0s" data-wow-offset="200">` &c2=`2` &do2=`<div class="news_block_item wow fadeIn" data-wow-delay="0.5s" data-wow-offset="200">` &c3=`3` &do3=`<div class="news_block_item wow fadeInRight" data-wow-delay="1s" data-wow-offset="200">` ]]

Павел Романов 12.05.2016 09:13 #

Сниппет:

<?php
if(empty($get)) return;
$out = 'do'.$get;
return $$out;

Вызов в чанке:

<div [[switch? &get=`[[+idx]]` &do1=`class="news_block_item wow fadeInLeft" data-wow-delay="0s" data-wow-offset="200"` &do2=`class="news_block_item wow fadeIn" data-wow-delay="0.5s" data-wow-offset="200"` &do3=`class="news_block_item wow fadeInRight" data-wow-delay="1s" data-wow-offset="200"`]]>
.....
</div>

Василий 12.05.2016 09:52 #

Парни, спасибо! буду разбираться. Обязательно отпишусь по результату.
Василий 12.05.2016 14:51 #

попробовал сходу так как предложил Михаил. Сработало. Ребята, огромное спасибо, что помогли разобраться!

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.