не пойму, в чём косяк может быть

<div class="single-tab-content tab-pane fade [[+idx:is=1:then=show active:else=``]]" id="tab_[[+idx]]" role="tabpanel" aria-labelledby="tab__[[+idx]]">
   <div class="row">
       <div class="order-2 order-lg-1 col-lg-5 col-12 mt_md--40 mt_sm--40">
           [[pdoResources?
               &parents=[[+id]]
               &depth=0
               &sortby={ "publishedon":"DESC" }
               &includeTVs=preview                    
               &limit=4
               &offset=1
               &tpl=list_11
           ]]
       </div>
       <div class="order-1 order-lg-2 col-lg-7 col-12">
           <!-- Start Post Grid -->
           [[pdoResources?
               &parents=[[+id]]
               &depth=0
               &sortby={ "publishedon":"DESC" }
               &includeTVs=preview
               &limit=1
               &tpl=list_12
           ]]
           <!-- Start Post Grid -->
       </div>
   </div>
</div>

А почему depth 0 то?
Может там пусто вообще у тебя

Задай пустой tpl - посмотри что в массиве будет, и включи showLog, посмотри что в запросе

только загрузка кучки файлов, тогда как цепляясь за css-класс через стили можно прикрутить спрайт )
не считая того, что порядок/набор опций  может быть изменён и $idx  укажет не на ту картинку в $bgs
/* не спора ради */

+ зы: хотя изменение порядка и при стилях покажет "не то", но хотя бы не лазить в код, верстальщик css поправит.

всем салют) с Рождеством!
проблема с ajaxform, если быстро нажимать кнопку отправки несколько раз, то не срабатывает валидацияи прилетает пустая заявка, как зафиксить? может кто знает)

Никак, это вопрос производительности браузера, а не технологий