Как сделать миниатюру в woocommerce фоном?

Question

[jazzman7]

Добрый день! Хочу вывести миниатюры подкатегорий в категориях woocommerce не через img, а через background, есть варианты, как сделать? Или возможно есть вариант какой-то, чтобы обернуть тег img в div? Миниатюры товаров обернул, а на подкатегории не работает мой код.

Comments

[jazzman7]

Решение. Если кому-то надо будет. В теме у меня есть файл woocommerce.php, там была функция woocommerce_content(); скопировал ее в functions, обозвал woocommerce_content2(), там через код вывел категории, как мне надо

Answer 1

[TheK0tYaRa]

Предлагаю следующее правило CSS для элемента:
background-image: url(https://настоящая ссылка);

Comments

[jazzman7]

так надо див тогда добавить вместо тега img, чтобы правило это применять, а как это сделать не понятно

[Илья Салигжанов]

Ищите, какой шаблон в WooCommerce отвечает за вывод подкатегорий и переопределяйте его в своей теме

Пример, как это сделать, уже дан на wordpress.stackoverflow: https://wordpress.stackexchange.com/questions/2560...

[TheK0tYaRa]

jazzman7, Либо можно применить класс ко всем тем элементам которым требуется фон изображением. Например class="img-background"