私はオンラインで買い物をするためにプラグインWoocommerceを使っています。
私はshoes
、clothes
などのように多くのカテゴリがあります。特定のカテゴリの商品を表示する方法
サンプルページ にそのような製品ループがありますが、私のindex.php
には特定のカテゴリの製品のみを表示したいです。
そのためには新しいループを作成する必要があります。これが、ホームページ上の特定のカテゴリの商品を表示するためのコードです。
<ul class="products">
<?php
$args = array( 'post_type' => 'product', 'posts_per_page' => 1, 'product_cat' => 'shoes', 'orderby' => 'Rand' );
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post(); global $product; ?>
<h2>Shoes</h2>
<li class="product">
<a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>">
<?php woocommerce_show_product_sale_flash( $post, $product ); ?>
<?php if (has_post_thumbnail( $loop->post->ID )) echo get_the_post_thumbnail($loop->post->ID, 'shop_catalog'); else echo '<img src="'.woocommerce_placeholder_img_src().'" alt="Placeholder" width="300px" height="300px" />'; ?>
<h3><?php the_title(); ?></h3>
<span class="price"><?php echo $product->get_price_html(); ?></span>
</a>
<?php woocommerce_template_loop_add_to_cart( $loop->post, $product ); ?>
</li>
<?php endwhile; ?>
<?php wp_reset_query(); ?>
</ul><!--/.products-->
別の方法があります。
あなたはデフォルトのホームページとして "Shop"ページを割り当てることができます。これで、すべての商品がホームページに表示されます。私はindex.php
を意味します。