HUSKY - Products Filter Professional 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 та popup_height призначений лише для вашої зручності при роботі з попапом

Коли цей шорткод вставлено, з’явиться спеціальна кнопка для адміністратора сайту:

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

Якщо натиснути на цю кнопку, з'явиться рухоме спливаюче вікно, де ви можете:

  • додайте розділ фільтра за допомогою випадаючого списку зверху тут
  • змінити порядок доданих секцій фільтра
  • встановити загальні налаштування для фільтра
  • Також кожен елемент фільтра має свої опції [залежно від його типу]:

  • У всіх елементах фільтра є вкладка ‘Макет‘ де можна встановити його персональну ширину в px та %, це дозволяє ефективніше керувати макетом елементів фільтра:
  • Просто пограйте з його налаштуваннями, щоб побачити, що краще відповідає потребам вашого бізнесу…

Примітка: увімкнення опції ‘Чи AJAX‘ не має сенсу, якщо не увімкнено підтримку AJAX в опції плагіна [вкладка Options -> Спробувати ajaxify магазин] АБО якщо ви використовуєте шорткод [woof_products] використовуйте там також атрибут ‘is_ajax‘: [woof_products is_ajax=1]

Примітка: для підтримки мобільних пристроїв використовуйте шорткод [woof_mobile] розміщується там, де має з'явитися кнопка для мобільних пристроїв у мобільному режимі. І не забудьте увімкнути в опціях шорткоду ‘Мобільний режим


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