Как сделать пагинацию при выводе товаров woocommerce?

Question

[Александр Бондаренко]

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

<?php get_header();?>

    <div class="content container">
        
    <?php get_sidebar('cat'); ?> 
    <!-- <?php
        $sort=$_GET['product_cat'];
        echo do_shortcode('[products limit=»2″ columns=»4″ orderby=»popularity» class=»quick-sale» on_sale=»true» category="'.$sort.'" ]');
    ?> -->
    
        <div class="products-main">
            <?php  $loop = new WP_Query( array(
            'post_type' => 'product',  // указываем, что выводить нужно именно товары
            'posts_per_page' => 12, // количество товаров для отображения
            'orderby' => 'date', // тип сортировки (в данном случае по дате)
            'product_cat' => $sort,
            )); 

        

            while ( $loop->have_posts() ): $loop->the_post(); ?>
            <div class="product-main">
                <div class="product-img"> <a href="<?php echo get_permalink(); ?>" class="avatar"><img class="responsive-img" src="<?php
                $thumb_id = get_post_thumbnail_id();
                $thumb_url = wp_get_attachment_image_src($thumb_id,'thumbnail-size', true);
                echo $thumb_url[0];
                ?>" alt=""></a>
                <div class="product-title"><a href="<?php echo get_permalink(); ?>"><?php the_title(); ?></a></div>
                <div class="product-size">Размер: <?php echo $product->get_attribute('size'); ?> см.</div>
                <div class="product-price__box">
                    <div class="product-price">Цена: <?php echo $product->get_price_html(); ?> грн.</div>
                    <div class="info-cart"><a><img src="/wp-content/themes/dropship/assets/img/cart.png"></a></div>
                </div>
                <div class="product-button">
                    <button class="fast-buy">Быстрая покупка</button>
                </div>
                </div>
            </div>
            <?php endwhile; ?>
        </div>

    </div>

<?php get_footer();?>

Answer 1

[Икотий Айтишевич]

Добавить:

<nav class="navigation pagination" role="navigation">
	<h2 class="screen-reader-text">Навигация по записям</h2>
	<div class="nav-links"><span class="page-numbers current"><span class="meta-nav screen-reader-text">Страница </span>1</span>
		<a class="page-numbers" href="http://wptest.ru/page/2/"><span class="meta-nav screen-reader-text">Страница </span>2</a>
		<span class="page-numbers dots">…</span>
		<a class="page-numbers" href="http://wptest.ru/page/86/"><span class="meta-nav screen-reader-text">Страница </span>86</a>
		<a class="page-numbers" href="http://wptest.ru/page/87/"><span class="meta-nav screen-reader-text">Страница </span>87</a>
		<a class="next page-numbers" href="http://wptest.ru/page/2/">Следующая страница</a>
	</div>
</nav>

Также можно вывести хуком...

Все подробности тут

Comments

[Александр Бондаренко]

а как именно тут задается количество товаров и тд, немного не понял, подскажите пожалуйста

[Икотий Айтишевич]

Александр Бондаренко, Оно задаётся либо через плагин woocommerce, либо через настройки WP, либо через PHP код. В зависимости от Вашей ситуации.