WooCommerce Фильтр товаров по произвольным полям мин/макс слайдер?

Захотел разобраться как сделать свой фильтр для товаров. Я сделал слайдер при помощи jquery ui:

<div class="projects-filter-full-s">
      <div id="result-filter-full-s"></div>
      <label for="filter-full-s">Площадь, м<sup>2</sup>:</label>
      <input type="num" id="filter-full-s" readonly style="border:0;">  
      
      <form method="get" id="filter-full-s">
                <div class="price_slider_amount" data-step="10">
                  <input type="text" id="min_full_s" name="min_full_s" value="50" data-min="50" placeholder="Минимальная площадь" style="display: none;">
                  <input type="text" id="max_full_s" name="max_full_s" value="300" data-max="300" placeholder="Максимальная площадь" style="display: none;">
                </div>
            </form>
    
</div>

Выглядит так:

Как я себе представляю работу этого фильтра: Т.к. на выходе формы 2 инпута мне их надо передать в обработчик, который возьмет мое кастомное поле из товара и если оно вписывается в диапазон между ними, то вывести все товары с подходящим параметром. Кастомное поле может быть хоть через плагин хоть самому написать, мне не важно.

Мне не понятно откуда в обработчике взять переменную самого поля чтобы его сравнивать с значениями из формы. Мне не понятно как потом все это дело вывести.

Еще все это хотелось бы выводить через AJAX. Читал про admin-ajax.php Читал статью Миши Рудрастых "3 Steps to Create AJAX Post Filters". В сети кроме его статьи особо и нет примеров Пытался делать через MDTF, но там такая каша.. Не разобрался еще.

По сути сложность в финальном этапе, в написании обработчика формы. Важно чтобы он работал с другими фильтрами товаров (цена, атрибуты) Если есть возможность совместить фильтр ползунками с атрибутом товара, то так даже проще будет

Есть навыки в php (вероятно начального уровня), умею читать код, так что примеры приветствуются :)