在 WooCommerce 單個產品頁面上僅顯示“有貨”相關產品

Question

我想在 WooCommerce 單個產品頁面上僅顯示“有貨”相關產品。

我知道我可以通過我的主題覆蓋single-product/related.php模板文件。 下面是這個模板的相關代碼：

<section class="related products">

    <h2><?php _e( 'You May Also Want', 'MyStore' ); ?></h2>

    <?php woocommerce_product_loop_start(); ?>

        <?php foreach ( $related_products as $related_product ) : ?>

            <?php
                $post_object = get_post( $related_product->get_id() );

                setup_postdata( $GLOBALS['post'] =& $post_object );

                wc_get_template_part( 'content', 'product' ); ?>
                
        <?php endforeach; ?>

    <?php woocommerce_product_loop_end(); ?>

</section>

---

是否可以對此文件進行一些更改以僅在 WooCommerce 單個產品頁面上顯示“有貨”相關產品？ 任何幫助表示贊賞。

Answer 1

更新

因為當前 4 個產品缺貨時，它不會顯示任何內容（如果顯示默認的 4 個產品），您可以使用以下代碼段而不是覆蓋模板文件。

function filter_woocommerce_related_products( $related_posts, $product_id, $args ) {    
    foreach( $related_posts as $key => $related_post ) {        
        // Get product
        $related_product = wc_get_product( $related_post );
        
        // Is a WC product 
        if ( is_a( $related_product, 'WC_Product' ) ) {
            // Stock status
            $stock_status = $related_product->get_stock_status();
            
            // NOT instock
            if ( $stock_status != 'instock' ) {
                unset( $related_posts[$key] );
            }
        }
    }
    
    return $related_posts;
}
add_filter( 'woocommerce_related_products', 'filter_woocommerce_related_products', 10, 3 );

---

---

覆蓋模板文件

總是有多種解決方案，但其中一種可能是通過覆蓋模板文件。

https://github.com/woocommerce/woocommerce/blob/02cf0dfaed5923513de0c88add597d1560c2cfd2/templates/single-product/related.php

• 可以通過將其復制到yourtheme/woocommerce/single-product/related.php來覆蓋此模板

---

代替

<?php foreach ( $related_products as $related_product ) : ?>

        <?php
        $post_object = get_post( $related_product->get_id() );

        setup_postdata( $GLOBALS['post'] =& $post_object ); // phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited, Squiz.PHP.DisallowMultipleAssignments.Found

        wc_get_template_part( 'content', 'product' );
        ?>

<?php endforeach; ?>

和

<?php foreach ( $related_products as $related_product ) : ?>

    <?php
    $stock_status = $related_product->get_stock_status();

    if ( $stock_status == 'instock' ) {
        
        $post_object = get_post( $related_product->get_id() );

        setup_postdata( $GLOBALS['post'] =& $post_object ); // phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited, Squiz.PHP.DisallowMultipleAssignments.Found

        wc_get_template_part( 'content', 'product' );
    }
    ?>

<?php endforeach; ?>

Answer 2

您可以使用woocommerce_product_related_posts_query專用過濾器鈎子來更改查詢，從顯示的相關產品中排除“缺貨”產品，而不是編輯模板文件：

add_filter( 'woocommerce_product_related_posts_query', 'alter_product_related_posts_query', 10, 3 );
function alter_product_related_posts_query( $query, $product_id, $args ){
    global $wpdb;

    $query['join']  .= " INNER JOIN {$wpdb->postmeta} as pm ON p.ID = pm.post_id ";
    $query['where'] .= " AND pm.meta_key = '_stock_status' AND meta_value != 'outofstock' ";

    return $query;
}

代碼位於活動子主題（或活動主題）的 functions.php 文件中。 測試和工作。

相關： 使用 Woocommerce 中的自定義元查詢自定義相關產品

Answer 3

這是我一直在使用的，它對我有用：

add_filter( 'woocommerce_related_products', 'mysite_filter_related_products', 10, 1 );
function mysite_filter_related_products( $related_product_ids )
{

if (!is_admin()) {
    foreach ($related_product_ids as $key => $value) {
        $relatedProduct = wc_get_product($value);
        if (!$relatedProduct->is_in_stock() ) {
            unset($related_product_ids["$key"]);
        }
    }

    return $related_product_ids;
  }
}