Как задать количество товаров на странице Магазин и в категориях

Вообще есть два способа это сделать – через кастомайзер и через фильтр-хук.

Но прежде чем я к ним перейду, хочу порекомендовать свой видеокурс по WooCommerce, в котором мы создаём тему для магазина с нуля на основе готового HTML и CSS.

Способ 1. В настройках

Как задать количество товаров на странице в кастомайзере, в настройках
Переходим Внешний вид > Настроить > WooCommerce > Каталог товаров

Так как узнать количество товаров на странице? Умножить Товаров в строке × Строк на странице, в данном случае получается 12.

Способ 2. Через код

Тут мы будем использовать фильтр-хук loop_shop_per_page.

Обратите внимание, что настройка «Строк на странице» исчезнет, если вы задействуете этот хук в своём плагине или теме!

А вот сам код:

add_filter( 'loop_shop_per_page', 'truemisha_products_per_page', 20 );
 
function truemisha_products_per_page( $per_page ) {
 
	$per_page = 9;
	// по умолчанию wc_get_default_products_per_row() * wc_get_default_product_rows_per_page()
 
	return $per_page;
 
}

Если не знаете, куда отправлять код – в functions.php текущей или (лучше) дочерней темы.

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

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

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

Комментирование этого поста более не доступно.
  • Александр 18 июля 2020 #

    Михаил, добрый день!
    Я использую тему "blossom-fashion".
    Жестко прописано отображение товаров в мобильной версии в два столбца при просмотре магазина.
    На компьютере отображается четыре столбца (эти настройки я нашел).
    Скажите пожалуйста, как можно изменить настройки, чтобы на компьютере так и осталось 4-е столбца, а на телефоне отображались товары в один столбец?
    С уважением, Александр

    • Миша 21 июля 2020 #

      Добрый день, Александр,

      Это вы немного не по адресу, я же не являюсь разработчиком этой темы. Вам нужно написать им в сапорт.

      • Александр 21 июля 2020 #

        Спасибо!