Color

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

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

Также можно применять изображения из вашей медиатеки вместо цвета, просто нажмите кнопку ‘Select Image‘.

Кстати, такую же функциональность цвета/изображения можно повторить с помощью 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 filtering — AND или OR: если выбрать AND и на фронтенде выбрать 2 термина — будут найдены товары, содержащие оба термина одновременно. Если выбрать NOT IN — будут найдены товары, у которых выбранных терминов нет — то есть наоборот логике включения: исключение
• Tooltip text — введите текст подсказки, если необходимо
• Show in one column — показать в одну колонку с заголовком
• Behavior as radio button — использовать цвет/изображение как радиокнопку (можно выбрать только один элемент фильтра)

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

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

Дополнительная информация:

• If it’s possible to have the Color selector show circular-shaped colors instead of square

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

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