Как изменить количество строк в сетке товаров WooCommerce

15 февраля 2024

Если тема не поддерживает настройку сетки WooCommerce, с помощью хука loop_shop_columns можно, например легко изменить количество товаров в строке.

/**
 * Изменить количество товаров в строке на 4
 */
add_filter('loop_shop_columns', 'loop_columns', 999);
if (!function_exists('loop_columns')) {
	function loop_columns() {
		return 4; // 4 товара в строке
	}
}

Добавив данный код в functions.php активной темы, в сетке вместе трех товаров в строке будет выводиться четыре.

Количество похожих товаров можно скорректировать с помощью кода ниже.

/**
 * Изменить количество похожих товаров
 */ 
function woo_related_products_limit() {
  global $product;
	
	$args['posts_per_page'] = 4;
	return $args;
}
add_filter( 'woocommerce_output_related_products_args', 'jk_related_products_args', 20 );
  function jk_related_products_args( $args ) {
	$args['posts_per_page'] = 4; // 4 товара
	$args['columns'] = 4; // 4 колонки
	return $args;
}

Иногда может потребоваться дополнительная стилизация сетки.

Иван Данилин
Автор Иван Данилин

Фулстек веб‑разработчик, специализируюсь на платформе WordPress

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