HUSKY - Products Filter Professional for WooCommerce

Image

Показывает термины таксономий на фронтенде в виде изображений. Используется для атрибутов товара или пользовательской таксономии. Также можно добавить дополнительный текст для подсказки (tooltip) на фронтенде для каждого термина на его странице настроек.

Чтобы использовать, выберите тип отображения ‘Image‘ для атрибута товара или пользовательской таксономии и нажмите кнопку Save. После перезагрузки страницы можно задать ссылку на изображение для каждого термина:

Для каждого термина также можно задать собственные css-стили, если необходимо (используйте кнопку с шестерёнкой):

Кстати, такую же функциональность цвета/изображения можно повторить с помощью Smart Designer!

У этого расширения есть дополнительные опции:

  • Show title label — показать/скрыть заголовок блока таксономии на фронтенде
  • Show toggle button — показать кнопку сворачивания рядом с заголовком на фронтенде над блоком html-элементов
  • Tooltip — показать/скрыть подсказку
  • Not toggled terms count — введите количество терминов, которые должны быть видны, чтобы остальные можно было свернуть. Появится кнопка “Показать больше”. Эта функция работает с: radio, checkboxes, labels, colors. Подробная информация о кнопке показа здесь
  • Taxonomy custom label — например, вы хотите показать заголовок категорий товаров как “My Products”. Просто для вашего удобства. Оставьте пустым, чтобы использовать стандартное название таксономии
  • Sort terms — как сортировать термины внутри блока фильтра
  • Sort terms direction — направление сортировки терминов внутри блока фильтра (ASC/DESC)
  • Logic of filteringAND или OR: если выбрать AND и на фронтенде выбрать 2 термина — будут найдены товары, содержащие оба термина одновременно. Если выбрать NOT IN — будут найдены товары, у которых выбранных терминов нет — то есть наоборот логике включения: исключение
  • Show image title — показать название изображения под картинкой
  • Behavior as radio button — использовать цвет/изображение как радиокнопку (можно выбрать только один элемент фильтра)

Пример демо №1: https://demo.products-filter.com/all-by-images-only/

Пример демо №2: https://demo-sd.products-filter.com/

 


Внимание для пользователей, использующих WPML на сайте для товаров: стандартное расширение не работает корректно с WPML, так как сохраняет настройки только для одного языка — текущего. В этом случае выполните следующие шаги:

  • Перейдите на вкладку ‘Extensions‘, отключите стандартное расширение Image и нажмите кнопку Save
  • Перейдите на https://codecanyon.net/downloads и скачайте архив WOOF
  • Распакуйте его
  • Там вы найдёте папку wp-content — загрузите её на свой сайт по FTP
  • В настройках плагина на вкладке ‘Advanced‘ впишите в поле “Custom extensions folder” значение “my_woof_extensions” и сохраните
  • На вкладке ‘Extensions‘ отметьте расширение ‘Image 2’ и сохраните настройки
  • Теперь для каждого термина таксономии, выбранной как тип Image, можно выбрать изображение, как на следующем скриншоте:
    Ссылка со скриншота: wp-admin/edit-tags.php?taxonomy=pa_size&post_type=product

Хуки: