Как заменить вывод картинки товара в каталоге?

Question

[Hikky]

Нужно заменить стандартный вывод картинки в каталоге товаров (для категорий сделал это без проблем). В товаре докопался до get_image, дальше не могу найти где сам вывод в html виде.

P.S: Насколько я понял, нужно найти класс товара и внести правки в метод. Где найти это добро?

Answer 1

[WP Panda]

https://github.com/woocommerce/woocommerce/blob/ma...

Положить данный файл в директорию woocommerce/single-product внутри вашей темы, и изменить его, так, кк вам надо

сама функция которая отвечает за получение изображения находится тут https://github.com/woocommerce/woocommerce/blob/15...

можете написать на ее основе свою и вставлять в ваш же шаблон

Comments

[Hikky]

Это решение не подошло, это функции отвечающие за подкатегории, а мне нужно именно для товаров, которые находятся в них. Сейчас картинка формируется так:

$image_size = apply_filters( 'single_product_archive_thumbnail_size', $size );
$image = $product->get_image( $image_size );
echo $image;

В виде html картинка выводится в методе get_image ? Где ее найти?

[WP Panda]

В товаре докопался до get_image, дальше не могу найти где сам вывод в html виде

Оно не может не подойти именно это и отвечает за вывод изображения в товаре

Даже по пути видно, что это single-product.

[Hikky]

WP Panda, странно, разве это не вывод конкретно на странице товара?

[WP Panda]

Hikky, это вывод товара конкретно на странице товара

[Hikky]

WP Panda, "Нужно заменить стандартный вывод картинки в каталоге товаров" - я про товары которые в каталоге, а не на самой странице)))

[WP Panda]

Hikky, учитесь формулировать вопросы - правильно )

тогда вам надо это фильтр
https://github.com/woocommerce/woocommerce/blob/50...

но ничего не мешает сделать и вот так, отвязать эту функцию от нижеследующего хука
https://github.com/woocommerce/woocommerce/blob/76...

и подключить свою функцию вывода миниатюры

[Hikky]

WP Panda,

Хочу вывести изображение товара в каталоге, для категорий и самих товаров, при этому сделать это через picture, чтобы была возможность выводить картинки в формате webp.

Вывод картинки карточки товара в каталоге находится в content-product.php и имеет следующий вид:

Code

$image_size = apply_filters( 'single_product_archive_thumbnail_size', $size );
		$image = $product->get_image( $image_size );
		echo $image;

Мне нужно вывести примерно в таком же формате, как это реализовано в content-product-cat.php - для изображений категорий:

Code

$small_thumbnail_size = apply_filters( 'subcategory_archive_thumbnail_size', 'woocommerce_thumbnail' );
		$dimensions           = wc_get_image_size( $small_thumbnail_size );
		$thumbnail_id         = get_term_meta( $category->term_id, 'thumbnail_id', true );
	
		if ( $thumbnail_id ) {
			$image        = wp_get_attachment_image_src( $thumbnail_id, $small_thumbnail_size );
			$image        = $image[0];
		} else {
			$image        = wc_placeholder_img_src();
		}
	
		if ( $image ) {
			$image = str_replace( ' ', '%20', $image );
			$image_webp = str_replace( ['.png', '.jpg', '.jpeg', '.gif'], '.webp', $image );
			echo '<div class="product__catalog-img"><picture><source srcset="' . esc_url($image_webp) . '" type="image/webp"><img src="' . esc_url($image) . '" alt="' . esc_attr( $category->name ) . '"></picture></div>';
		}