Чтобы создать фильтр товара на woocommerce, необходимо сначала задать нужные атрибуты и их значение в разделе: «товар>атрибуты». Сначала добавляем новый атрибут (размер, цвет, бренд, ширина или высота и так далее), потом прописываем все необходимые параметры для каждого атрибута:

После создания всех необходимых атрибутов, надо добавить их в карточку каждого товара. Выбираем товар, нажимаем на раздел: «атрибуты», выбираем нужное значение в «индивидуальный атрибут товара», жмем «добавить».

Далее выбираем нужные параметры для будущего фильтра товара в woocommerce.

Если у вас уже есть много товара, вы можете воспользоваться плагином для массового редактирования. К примеру, у вас тысяча позиций одного бренда. Ставить отдельно значения для каждой единицы — ужас. Для этих целей существует ajax редактор woob. Но если значения отличаются, надо все таки прописывать вручную.

Когда вы загружаете товар файлом csv, есть отличный плагин для того, чтобы сразу загрузить все нужные значения, в том числе и для фильтра товара — WP All Import и его расширение для товаров — WP All Import — WooCommerce Add-On.


Как добавить фильтр товара woocommerce в боковую панель — сайдбар

После создания всех атрибутов, создать фильтр товара — пустяковое и быстрое дело. Заходим в раздел «внешний вид — виджеты» и добавляем в нужный сайдбар (боковую панель, которую мы можем создать и прикрепить к отдельной странице и категории — все зависит от возможностей выбранной вами темы для woocommerce.

Сайдбары:

В woocommerce есть отдельный виджет — «фильтр атрибутов товара» и «фильтр по цене». Надо добавлять столько виджетов, сколько у вас задано атрибутов по конкретной категории.

Кроме классического виджета фильтра товаров woocommerce существует отдельный плагин YITH WooCommerce Ajax Product Filter, который фильтрует товар через ajax запросы, не загружая при этом новую страницу и тем самым работает быстрее. Некоторые премиум темы для woocommerce разработали свои собственные крутые фильтры. Пример — тема Woodmart, которую я использую для своего интернет магазина. Здесь также идет  быстрый ajax запрос по фильтрам:

В теме можно загружать фото бренда, пример цвета и так далее. Вот что получаем на выходе:

Фильтр товара лучше закрыть от индексации

Фильтры товаров создают множество отдельных страниц (url), которые являются дублями основной категории. Такая ситуация плохо влияет на SEO продвижение интернет магазина. Так что лучше сразу при создании интернет магазина прописать правильный файл robots.txt, в котором запретить индексирование ненужных страниц. Более подробную информацию читайте в статье о Seo интернет магазина на woocommerce.

Медленная загрузка категорий

Чем больше виджетов в сайдбаре, особенно по фильтру товара, тем дольше будет загружаться категория или страница с этим сайдбаром в браузере. По этому, старайтесь не переусердствовать, добавляя не очень нужные значения.

Сторонние плагины лучше несколько дней протестировать. Множество плагинов (особенно бесплатных) глючат, создавая больше проблем чем удобств.