HUSKY - Products Filter Professional for WooCommerce

[woof_front_builder]

С версии v.2.3.4/1.3.4

Этот шорткод позволяет создавать форму фильтра прямо на фронтенде сайта с помощью специального конструктора. Вот демо-страница, где можно управлять её настройками так же, как администратор сайта.

Полный синтаксис: [woof_front_builder name=”My filter form” popup_width=800 popup_height=600]

  • name — обязательный параметр, должен быть уникальным
  • popup_width и popup_height просто для удобства работы с всплывающим окном

При вставке этого шорткода у администратора сайта появится специальная кнопка:

Примечание: при разработке новой формы фильтра на фронтенде лучше отключить динамический пересчёт, чтобы форма перерисовывалась быстрее. После завершения работы с формой — включите динамический пересчёт, если необходимо

Если нажать на эту кнопку, появится перемещаемое всплывающее окно, в котором можно:

  • добавить секцию фильтра, используя верхний выпадающий список
  • изменить порядок добавленных секций фильтра
  • задать общие настройки фильтра
  • Кроме того, у каждого элемента фильтра есть собственные настройки [зависит от его типа]:

  • У всех элементов фильтра есть вкладка ‘Layout‘, где можно задать индивидуальную ширину в px и %, что позволяет эффективнее управлять расположением элементов фильтра:
  • Просто поэкспериментируйте с настройками, чтобы понять, что больше подходит для вашего бизнеса …

Примечание: включение опции ‘Is AJAX‘ не имеет смысла, если не включена поддержка AJAX в настройках плагина [вкладка Options -> Try to ajaxify the shop] ИЛИ если вы используете шорткод [woof_products], используйте также атрибут ‘is_ajax‘: [woof_products is_ajax=1]

Примечание: для поддержки мобильных устройств используйте шорткод [woof_mobile], размещённый там, где в мобильном режиме должна появиться мобильная кнопка. И не забудьте включить в настройках шорткода опцию ‘Mobile mode


Подсказка: как вставить любой фильтр HUSKY над товарами? В файле functions.php текущей темы WordPress добавьте следующий код:

add_action('woocommerce_before_shop_loop', function () {
    if (!WOOF_REQUEST::isset('woof_before_shop_loop_done')) {
        echo do_shortcode('[woof_front_builder name="top filter"]');
    }
}, 2);

Атрибут ‘name‘ может быть любым, но должен быть уникальным