Question

我正在使用WooCommerce建立网店。

我制作了一个自定义主页。在这个主页上，我想在类似旋转木马的结构中显示每个类别的产品（每个视图3个）。但如何将数据（每个类别的产品）放入我自己的自定义主页？要明确的是，此主页位于产品概述之前（或：'archive-product.php'）。

谢谢！

Answer 1

从源代码稍加修改：https://wordpress.stackexchange.com/a/67266/16086

你想要使用这样的东西：

<ul class="products">
    <?php
        // Change product_cat to the slug of the category you want
        $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 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-->

您只需将product_cat项目更改为您想要的类别，并将posts_per_page设置为3。

wordpress - 自定义主页与旋转木马产品

1 个答案: