Когда дело доходит до веб-сайтов электронной коммерции, возможность настраивать количество товаров, отображаемых на странице магазина, имеет решающее значение как для удобства пользователей, так и для коэффициентов конверсии. В этой статье мы рассмотрим несколько способов изменения количества товаров на странице, а также приведем примеры кода, которые позволят вам адаптировать страницу магазина в соответствии с вашими конкретными потребностями.

Метод 1: использование настроек WooCommerce
WooCommerce предоставляет встроенные настройки для управления количеством товаров, отображаемых на странице. Чтобы изменить настройку, выполните следующие действия:

1. Перейдите на панель управления WordPress и выберите WooCommerce >Настройки.
2. Перейдите на вкладку «Товары».
3. В разделе «Показ» найдите параметр «Количество товаров на странице».
4. Отрегулируйте значение по своему усмотрению и сохраните изменения.

Метод 2: использование пользовательского запроса
Если вам нужна большая гибкость и контроль, вы можете использовать специальный запрос для изменения количества продуктов на странице. Вот пример использования хука pre_get_posts:

function custom_products_per_page( $query ) {
    if ( ! is_admin() && $query->is_main_query() && is_shop() ) {
        $query->set( 'posts_per_page', 12 ); // Change the value to the desired number
    }
}
add_action( 'pre_get_posts', 'custom_products_per_page' );

Метод 3: изменение шаблона страницы магазина
Если вам удобно редактировать файлы темы, вы можете изменить шаблон страницы магазина напрямую. Найдите файл archive-product.phpв каталоге вашей темы и найдите код, который выводит цикл продукта. Замените код цикла следующим фрагментом:

<?php
$args = array(
    'posts_per_page' => 9, // Change the value to the desired number
);
$query = new WP_Query( $args );
if ( $query->have_posts() ) {
    while ( $query->have_posts() ) {
        $query->the_post();
        // Output product content here
    }
}
wp_reset_postdata();
?>

Метод 4: использование хука-фильтра.
WooCommerce предоставляет крючок-фильтр под названием loop_shop_per_page, который позволяет изменять количество товаров на странице. Вот пример того, как использовать его в файле functions.phpвашей темы:

function custom_products_per_page( $cols ) {
    return 8; // Change the value to the desired number
}
add_filter( 'loop_shop_per_page', 'custom_products_per_page', 20 );

Метод 5: использование плагина.
Если вы предпочитаете более удобный подход, вы можете использовать плагин, например «WooCommerce Customizer» или «YITH WooCommerce Ajax Navigation», который предлагает параметры для настройки количества продуктов на странице. через панель управления WordPress.

Метод 6: переопределение шаблонов WooCommerce
Другой метод — создать собственный шаблон WooCommerce для страницы магазина и изменить количество продуктов на странице в файле шаблона. Это гарантирует, что ваши изменения не будут отменены при обновлении темы.

Метод 7: интеграция со конструктором страниц
Если вы используете плагин конструктора страниц, такой как Elementor или Divi, вы обычно можете найти параметры в настройках конструктора для управления количеством продуктов, отображаемых на странице вашего магазина.

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