HUSKY - Product Filter for WooCommerce

[woof_front_builder]

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

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

Полный синтаксис: [woof_front_builder name=”Моя форма фильтра” popup_width=800 popup_height=600]

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

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

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

Нажав на эту кнопку, вы откроете перемещаемое всплывающее окно, где вы можете:

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

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

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

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


Hint: как вставить любой фильтр 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‘ может иметь любое имя, но оно должно быть уникальным