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

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

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

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

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

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

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

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

Добавьте комментарий