swiper js, modx, tv поля

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

    <div class="about-reasons__body">
                        <div class="about-reasons__slider3 swiper-container">
                            <div class="swiper-wrapper">
                                
                                <div class="about-reasons__item swiper-slide">
                                    <div class="about-reasons__wrap">
                                        <div class="about-reasons__out">
                                            [[!pdoResources?
&resources=`[[*rec-list]]`
&depth=`1`
&includeTVs=`prev`
&prepareTVs=`1`
&showHidden=`1`
&parents=`32`
&tpl=`rec-list-item`
]]
                                            <div class="about-reasons__in"> 
                                                <div class="about-reasons__content">
                                                </div>
                                                <div class="about-reasons__nav slider-nav3__wrapper">
                                <span class="slider-nav -prev"></span>
                                <span class="slider-nav -next"></span>

Как отфильтровать тв поля, на данный момент все статьи появляются в один слайд, нужно разделить по 4, как это сделать ? кто сталкивался с tv полями в modx ?

вот js код if ($(".about-reasons__slider3").length > 0) { var aboutReasonsSlider1 = new Swiper(".about-reasons__slider3", { slidesPerView: 4, spaceBetween: 20, allowTouchMove: true, speed: 800, loop: true, autoplay: { delay: 5000 }, pagination: { el: ".about-reasons__pagination", type: "bullets", clickable: true, bulletActiveClass: "isActive" }, navigation: { nextEl: ".about-reasons__nav .-prev", prevEl: ".about-reasons__nav .-next", } }); }