MODX - Как организовать вывод c помощью pdoPage 3 колонок owl-carousel

Андрей

05.12.2015, 19:17

3.8K

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

Необходимо на главной странице сайта, работающим под управлением MODX Revolution, сделать вывод в слайдере последних новостей в 3 колонки с помощью owl-carousel.

Для вывода содержимого использую pdoPage.

Код такой:

<div class="owl-carousel" data-nav="fp_nav_" data-plugin-options='{"itemsCustom": [[992,3],[768,2], [100,1]], "singleItem": false}'>
  [[!pdoPage?
    &element=`getTickets`
    &tpl=`lic.blog.home`
    &limit=`13`
    &parents=`7`
    &sortby=`publishedon`
    &sortdir=`ASC`
  ]]
</div>

Если использовать статичный вывод, то всё отлично получается. По 3 выводит и листается на следующие 3. А если использовать pdoPage или pdoResources, то выводит по 1 и листается по 1. Понял только, что карусель сама распределяет количество колонок в зависимости от размера экрана и в диве прописано, что их должно быть 3 на таком разрешении.

Комментарии: 1

Александр Мальцев

06.12.2015, 15:03

Здравствуйте, Андрей.
А зачем Вы используете pdoPage, он же разбивает данные на странице. Вместо pdoPage используйте pdoResources, т.к. разбивкой данных у Вас будет заниматься плагин карусели.

[[!pdoResources?
  &tpl=`lic.blog.home`
  &limit=`12`
  &parents=`7`
  &sortby=`publishedon`
  &sortdir=`ASC`
]]

Также параметр limit лучше установить, равным 12. Т.к. количество записей у Вас должно быть кратно 3 и 2.

Если у Вас ошибка останется, то скорее она кроется в чанке lic.blog.home.