Выводим категории товаров в WooCommerce с картинками

Категории товаров с картинками выглядят привлекательнее, чем они же без картинок, однако стандартный виджет WooCommerce для вывода категорий не содержит возможности их отображения.

В депозитарии wordpress можно найти несколько плагинов, которыми можно заменить стандартный виджет, дополнив категории изображениями.

Перепробовав несколько вариантов я остановился на этом – XO10 – WooCommerce Categories widget, хотя и этот виджет тоже не назовешь идеальным. В результате, чтобы добиться нужного выравнивания элементов, пришлось вручную прописать несколько стилей. Но это заняло всего несколько минут, что вполне приемлемо.

Итак, устанавливаем плагин, заходим в виджеты, и перетаскиваем в сайдбар виджет “XO10 – WooCommerce Categories”. Открываем его настройки и выставляем их по своему вкусу.

Большинство пунктов понятны без комментариев. Опишу лишь некоторые, оставшиеся без перевода.

1. Show post counts – показывать количество записей;
2. Text/Image display – отображение картинки и текста. Варианты: только изображение, только текст, картинка слева/текст справа, картинка справа/текст слева;
3. Image Width in px – ширина изображения в пикселах;
4. Image Height in px – высота изображения в пикселах;
5. Post Counts display – показывать количество записей. Варианты: с правого края, с левого края.
6. Конечно, чтобы у категорий отображались изображения, нужно их загрузить. Для этого заходим в меню “Товары – Категории” и там для каждой рубрики в режиме редактирования загружаем изображение.

В результате получим на сайте примерно такое. В данном случае еще не для всех категорий загружены картинки.