Изменяем количество отображаемых похожих товаров

В этом уроке WooCommercе снова разрывает стереотипы pre_get_posts 😁 То есть мы будем изменять количество отображаемых похожих товаров на странице товара совсем другим хуком, а именно – woocommerce_output_related_products_args.

Кстати, про похожие товары есть отдельный видеоурок в моём видеокурсе по WooCommerce. Там я делюсь некоторыми интересными моментами, связанными с их выводом.

Например на моём тестовом сайте по умолчанию отображается 3 похожих товара:

похожие товары в WooCommerce

Это можно изменить вставкой обычного сниппета кода в functions.php

add_filter( 'woocommerce_output_related_products_args', 'truemisha_rel_products_args', 25 );
 
function truemisha_rel_products_args( $args ) {
	$args[ 'posts_per_page' ] = 4; // сколько штук отображать
	$args[ 'columns' ] = 4; // сколько штук в одном ряду
	return $args;
}

Для темы Storefront, на которой я тестировал этот код – всё работает превосходно, но на некоторых темах, понятное дело, не любое количество колонок и товаров может поддерживаться, тогда вам понадобится прибегнуть к помощи CSS.

Кстати говоря, для Storefront вы можете использовать даже это, разницы не будет:

add_filter( 'storefront_related_products_args', 'truemisha_rel_products_args', 25 );
 
function truemisha_rel_products_args( $args ) {
 
	...

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Если вам нужна помощь с сайтом или разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда будем рады вам помочь!

Комментарии — 2

Оставить комментарий

Если вы хотите добавить код, не забудьте обернуть его в <pre lang="php"></pre>, если же код – меньше одной строчки, то можно и в <code></code>.