Как изменить размер изображений в результатах поиска WooCommerce
Вот еще одна проблема, которая может возникнуть у вас при использовании темы Storefront на WooCommerce. В результатах поиска картинки товаров имеют слишком большой размер. Для того, чтобы изменить размер картинки, я перебрал кучу вариантов. Хочу сразу сказать, что в программирование на PHP я не силен, но сейчас не об этом.
Как обычно проблема таится в шаблоне темы. Нам необходимо найти тот код, который выводит это изображение в результатах поиска. Код находится в файле post.php, который находится по адресу wp-content/themes/storefront/inc/structure/post.php.
Нас интересует 41 строка. Вот этот код который генерирует эту картинку, обратите внимание на параметр ‘full’. Пытался его изменить на ‘thumbnail’, ‘medium’, ‘large’, также пробовал написать array (50, 50);, но ничего не получилось.
Я решил заключить storefront_post_thumbnail (‘full’) в отдельный селектор и получилось следующее… Был создан класс search-result-image, к которому потом были применены стили css width: 20%.