Filterizr is a JavaScript library. It allows you to set up custom filters for your responsive gallery, writing your own styles. It uses CSS3 transitions.

Создание Ajax фильтра с сортировкой и подгрузкой на MODx с выводом ресурсов через pdoResources

Да, ещё один способ реализации Ajax-фильтра на сайте =)

Начнём с простого вывода на странице обычного списка ресурсов. Обязательно добейтесь, чтобы нормально работала AJAX-пагинация, потому что своих механизмов работы с AJAX мы писать не будем, а будем использовать методы AJAX, которые есть в pdoPage.

<div id="pdopage">
 <div class="rows row">
 {'!pdoPage' | snippet : [
   'ajaxMode' => 'default',
   
   'parents' => 0,
   'limit' => 3,
   
   'includeTVs' => 'height,weight,speed_type,price',
   'tvPrefix' => '',
   
   'tpl' => '@INLINE  
     <div class="col-sm-6 col-md-4">
       <div class="thumbnail">
         <div class="caption">
           <h3>{$pagetitle}</h3>
           <p>Вес: {$weight}</p>
           <p>Высота: {$height}</p>
           <p>Тип: {$speed_type}</p>
         </div>
       </div>
     </div>',
 ]}
 </div>
 {'page.nav' | placeholder}
</div>