在 Woocommerce 商店页面中仅显示特色产品

Posted 2023-03-06

【中文标题】在 Woocommerce 商店页面中仅显示特色产品

【英文标题】：Show only featured products in Woocommerce shop page

【发布时间】：2018-05-15 08:33:14

【问题描述】：

我想在 WooCommerce 的默认商店页面中仅显示特色产品，仅此而已... 有没有解决方案只在 WooCommerce 商店模板中显示特色产品？

【参考方案1】：

你应该使用这个挂在woocommerce_product_query_tax_query过滤钩子中的自定义函数，它将只显示商店中的特色产品（但不在其他档案页面中）：

// Display featured products in shop pages
add_filter( 'woocommerce_product_query_tax_query', 'custom_product_query_tax_query', 10, 2 );
function custom_product_query_tax_query( $tax_query, $query ) 
    if( is_admin() ) return $tax_query;

    if ( is_shop() ) 
        $tax_query[] = array(
            'taxonomy' => 'product_visibility',
            'field'    => 'name',
            'terms'    => 'featured'
        );
    

    return $tax_query;

代码进入您的活动子主题（或活动主题）的 function.php 文件中。经过测试并且可以工作。

【讨论】：

您能否更新您的答案，包括分页和每页 10 个产品的限制？

@WooQA 您最好为此提出一个新问题，因为这是不同的。在这里，我刚刚回答了您最初的问题。

【参考方案2】：

首先您必须将archive-product.php 模板覆盖到您的主题文件中

然后添加以下代码以在商店中显示特色产品。

    <?php 
                          $meta_query  = WC()->query->get_meta_query();
                          $tax_query   = WC()->query->get_tax_query();
                          $tax_query[] = array(
                              'taxonomy' => 'product_visibility',
                              'field'    => 'name',
                              'terms'    => 'featured',
                              'operator' => 'IN',
                          );

                          $args = array(
                              'post_type'           => 'product',
                              'post_status'         => 'publish',                          
                              'posts_per_page'      => '5',
                              'orderby'             => 'DESC',                          
                              'meta_query'          => $meta_query,
                              'tax_query'           => $tax_query,
                          );
                            $loop = new WP_Query( $args );

                            if ( $loop->have_posts() ) 
                                while ( $loop->have_posts() ) : $loop->the_post();
                                  $id = $product->get_id();
                                  $image_sale = wp_get_attachment_image_src( get_post_thumbnail_id( $loop->post->ID ), 'single-post-thumbnail' );
                                  $product_url = get_permalink($id);
                                  $product = wc_get_product($id);
                                  $product_title = $product->get_title();                              
                                  $sale_price =  $product->get_price();

                                  ?>

                     <div class="item">
                              <div class="product-box">
                                 <div class="product-img">
                              <a href="<?php echo $product_url;?>" title="" ><img src="<?php  echo $image_sale[0]; ?>" data-id="<?php echo $id; ?>"></a>                                    
                                 </div>
                                 <div class="product-content">
                                    <h5><?php echo $product_title;?></h5> 
                                    <P>$<?php echo $sale_price;?>,00</P>
                                 </div>
                              </div>
                         </div>


<?php 
            endwhile;
         else 
            echo __( 'No products found' );
        
        wp_reset_postdata();
    ?>

【参考方案3】：

在您的functions.php中使用以下代码在商店页面中显示特色产品。

<?php 
add_action( 'woocommerce_product_query', 'ss_custom_product_query' );

function ss_custom_product_query( $q )
    $meta_query = $q->get( 'meta_query' );
    if ( is_shop() ) 
        $meta_query[] = array(
            'key'   => '_featured',
            'value' => 'yes'
        );
    
    $q->set( 'meta_query', $meta_query );

?>