Color — Цветные образцы (Color Swatches)
Отображает термины таксономий на фронтенде в виде цветных чекбоксов/радиокнопок. Используйте для атрибута цвета или пользовательской таксономии. Можно использовать как HEX-код цвета, так и ссылку на изображение. Также возможно добавить дополнительный информационный текст для всплывающей подсказки на фронтенде для каждого термина на его странице настроек.
Чтобы использовать, выберите тип отображения «Цвет» для атрибута товара или пользовательской таксономии и нажмите Сохранить кнопку. После перезагрузки страницы вы сможете установить цветовой код и ссылку на изображение для каждого термина:
Вы также можете использовать изображения из вашей медиатеки вместо цвета, просто нажмите кнопку «Выбрать изображение».
Кстати, такую функциональность цвета/изображения можно повторить с помощью Smart Designer!
Это расширение имеет дополнительные опции:
- Показать заголовок – показать/скрыть заголовок блока таксономии на фронтенде
- Показать кнопку переключения – показать кнопку переключения рядом с заголовком на фронтенде над блоком HTML-элементов
- Всплывающая подсказка – показать/скрыть всплывающую подсказку
- Несвернутые счетчики терминов – введите количество терминов, которые должны быть видимы, чтобы сделать остальные сворачиваемыми.Показать еще» появится кнопка. Эта функция работает с: радио, чекбоксами, метками, цветами. Подробная информация о кнопке показа здесь
- Пользовательская метка таксономии – например, вы хотите показать заголовок «Категории товаров» как «Мои товары». Просто для вашего удобства. Оставьте пустым, чтобы использовать родное имя таксономии.
- Сортировка терминов – как сортировать термины внутри блока фильтра
- Направление сортировки терминов – направление сортировки терминов внутри блока фильтра (ASC/DESC)
- Логика фильтрации – AND or OR: выбор AND находит товары, содержащие оба выбранных термина одновременно; выбор НЕ В находит элементы, которые НЕ содержат выбранные термины – противоположность включению: исключение
- Текст всплывающей подсказки – введите текст всплывающей подсказки, если это необходимо
- Показать в одну колонку – показать в один столбец с заголовком
- Поведение как радиокнопка – использовать цвет/изображение как радиокнопку (можно выбрать только один элемент фильтра)
Пример демо №1: https://demo.products-filter.com/clothing-by-color-only/
Пример демо №2: https://demo-sd.products-filter.com/
Больше информации:
Внимание для пользователей, использующих WPML на сайте для товаров: стандартное расширение не работает с WPML корректно, так как оно сохраняет опции только для одного языка – текущего. В таком случае выполните следующие шаги:
- Вкладка «Расширения» отключите стандартное расширение Color и нажмите кнопку «Сохранить»
- Перейдите в https://codecanyon.net/downloads и скачайте HUSKY bundle
- Распакуйте его
- Вы найдете там папку wp-content – загрузите ее на свой сайт по FTP
- В настройках плагина на вкладке «Дополнительно» в поле «Папка пользовательских расширений» введите значение «my_woof_extensions» и сохраните его
- На вкладке «Extensions» отметьте расширение «Color 2» и сохраните опции
- Теперь для каждого термина таксономии, выбранной вами как тип Color, можно выбрать цвет, как на следующем экране:
Ссылка с экрана: wp-admin/edit-tags.php?taxonomy=pa_color&post_type=product
