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

Андрей

12.10.2016

Здравствуйте.
Необходимо на главной странице сайта, работающим под управлением 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 на таком разрешении.

Если статья понравилась, то поделитесь ей в социальных сетях:

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

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

06 декабря 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.

Войдите, пожайлуста, в аккаунт, чтобы оставить комментарий.