MODX Revo | PdoPage | Masonry > Адаптивная сетка элементов

main.js

// Весь js и masonry из CDN
// <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
  
$(function(){
  // Адаптивная сетка товаров
  // $('.block_products').masonry()
  var $container = $(".rows")
  $container.masonry()
  // Адаптивная сетка товаров х
})

$(document).on('pdopage_load', function() {
  // Адаптивная сетка товаров
  var $container = $(".rows");
  $container.masonry('reloadItems')
  $container.masonry()
  // Адаптивная сетка товаров х
})

pdoPage.htm

<!-- Ну и вызов pdopage -->
<div id="pdopage">
  <div class="rows">
    [[!pdoPage?
      &limit=`12`
      &ajax=`1`
      &ajaxMode=`button`
    ]]
  </div>
  [[!+page.nav]]
</div>