web-dev-qa-db-ja.com

カスタムWooCommerceループを作成する

私はすでにワードプレス用に設計されたテーマを使用しています。今では通常のブログ投稿の代わりに、WooCommerce製品(私が使用するカスタム投稿タイプ)を表示したいと思います。

これは、表示ループを含む現在のクエリです。

<?php 
                $args = array(
                    //'posts_per_page' => '2',
                    'paged' => get_query_var('paged')
                );
                $homepage_query = new WP_Query($args);
            ?>
            <?php //query_posts('posts_per_page=4&paged='.get_query_var('paged')); ?>
            <?php if ( have_posts() ) : ?>  
                <?php while ( $homepage_query->have_posts() ) : $homepage_query->the_post(); ?>
                    <?php if($style == 'blog_style') { ?>
                    <div id="blog-style" class="post-box">
                        <?php get_template_part('content', 'blog'); ?>
                    </div>
                    <?php } else { ?>
                    <div class="post-box grid_4 <?php aero_post_box_class(); ?>">
                        <?php get_template_part('content', ''); ?>
                    </div>
                    <?php } ?>
                <?php endwhile; ?>

オプションを$argsに追加して、ループがWooCommerce製品を表示する方法はありますか?また、このプロジェクトでは必須のこのループでページネーションを使用しているため、このループを使用することが重要です。

11
jOpacic

post_type引数をproductに設定して、ループを通じて製品にアクセスできるはずです。

<?php

// Setup your custom query
$args = array( 'post_type' => 'product', ... );
$loop = new WP_Query( $args );

while ( $loop->have_posts() ) : $loop->the_post(); ?>

    <a href="<?php echo get_permalink( $loop->post->ID ) ?>">
        <?php the_title(); ?>
    </a>

<?php endwhile; wp_reset_query(); // Remember to reset ?>
25
hitautodestruct

これは、WooCommerce製品ループを再作成およびカスタマイズする適切な方法です。

_  if(!function_exists('wc_get_products')) {
    return;
  }
  $paged                   = (get_query_var('paged')) ? absint(get_query_var('paged')) : 1;
  $ordering                = WC()->query->get_catalog_ordering_args();
  $ordering['orderby']     = array_shift(explode(' ', $ordering['orderby']));
  $ordering['orderby']     = stristr($ordering['orderby'], 'price') ? 'meta_value_num' : $ordering['orderby'];
  $products_per_page       = apply_filters('loop_shop_per_page', wc_get_default_products_per_row() * wc_get_default_product_rows_per_page());

  $products_ids            = wc_get_products(array(
    'status'               => 'publish',
    'limit'                => $products_per_page,
    'page'                 => $paged,
    'paginate'             => true,
    'return'               => 'ids',
    'orderby'              => $ordering['orderby'],
    'order'                => $ordering['order'],
  ));

  wc_set_loop_prop('current_page', $paged);
  wc_set_loop_prop('is_paginated', wc_string_to_bool(true));
  wc_set_loop_prop('page_template', get_page_template_slug());
  wc_set_loop_prop('per_page', $products_per_page);
  wc_set_loop_prop('total', $products_ids->total);
  wc_set_loop_prop('total_pages', $products_ids->max_num_pages);

  if($products_ids) {
    do_action('woocommerce_before_shop_loop');
    woocommerce_product_loop_start();
      foreach($products_ids->products as $featured_product) {
        $post_object = get_post($featured_product);
        setup_postdata($GLOBALS['post'] =& $post_object);
        wc_get_template_part('content', 'product');
      }
      wp_reset_postdata();
    woocommerce_product_loop_end();
    do_action('woocommerce_after_shop_loop');
  } else {
    do_action('woocommerce_no_products_found');
  }
_

上記のコードを使用して、wc_get_products()引数をカスタマイズし、必要な製品のIDを取得します(特定の基準がある場合)。そのコードが配置されると、ネイティブのWooCommerceループのすべての機能(ページネーション、順序付けなど)が利用可能になります このメソッドは_WP_Query_およびget_posts()より優れていますこれらの2つのメソッドは壊れる可能性があります

カスタムWooCommerceループについての詳細なブログ投稿をここに書きました: https://cfxdesign.com/create-a-custom-woocommerce-product-loop-the-right-way/

3
cfx

コードを使用してカテゴリを取得することもできます

       $terms = get_terms('product_cat');

       foreach ($terms as $term) {
         $term_link =  get_term_link( $term, 'product_cat' );
         echo '<li><a href="' . $term_link . '">' . $term->name . '</a></li>';
       }

親カテゴリのみが必要な場合

wp_list_categories('taxonomy=product_cat&orderby=order&title_li=&depth=1'); 
0
coder