WooCommerce如何显示特色产品标签

有志者，事竟成！如果你在学习文章，那么本文《WooCommerce 显示特色产品标签方法》，就很适合你！文章讲解的知识点主要包括，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

本文将介绍如何在 WooCommerce 产品页面上，根据产品是否被设置为特色产品，动态显示 "Featured" 标签。我们将利用 WooCommerce 内置的特色产品功能，避免使用自定义字段，并通过代码示例演示如何在产品摘要之前添加该标签，只需在子主题的 functions.php 文件中添加代码即可实现。

使用 wc_get_featured_product_ids() 函数判断特色产品

WooCommerce 提供了一个方便的函数 wc_get_featured_product_ids()，它可以返回一个包含所有特色产品 ID 的数组。我们可以利用这个函数来判断当前产品是否为特色产品，从而决定是否显示 "Featured" 标签。

以下代码展示了如何在产品摘要之前添加 "Featured" 标签：

function action_woocommerce_before_single_product_summary() {
    global $product;

    // 检查是否为 WooCommerce 产品
    if ( is_a( $product, 'WC_Product' ) ) {
        // 获取产品 ID
        $product_id = $product->get_id();

        // 获取特色产品 ID 数组
        $featured_product_ids = wc_get_featured_product_ids();

        // 检查产品 ID 是否存在于特色产品 ID 数组中
        if ( in_array( $product_id, $featured_product_ids ) ) {
            echo '<span class="property-contract-badge">Featured</span>';
        } else {
            // 可选：如果不是特色产品，可以显示其他内容或不显示任何内容
            // echo 'NOT featured';
        }
    }
}
add_action( 'woocommerce_before_single_product_summary', 'action_woocommerce_before_single_product_summary', 1 );

代码解释：

1. action_woocommerce_before_single_product_summary() 函数： 这个函数将在 WooCommerce 单个产品摘要之前执行。
2. global $product;： 获取全局 $product 对象，该对象包含了当前产品的信息。
3. is_a( $product, 'WC_Product' )： 确保 $product 是一个 WooCommerce 产品对象，防止在其他页面出现错误。
4. $product_id = $product->get_id();： 获取当前产品的 ID。
5. $featured_product_ids = wc_get_featured_product_ids();： 获取所有特色产品的 ID 数组。
6. in_array( $product_id, $featured_product_ids )： 检查当前产品的 ID 是否存在于特色产品 ID 数组中。如果存在，则说明该产品是特色产品。
7. echo 'Featured';： 如果产品是特色产品，则输出 "Featured" 标签，并使用 CSS 类 property-contract-badge 进行样式设置。
8. add_action( 'woocommerce_before_single_product_summary', 'action_woocommerce_before_single_product_summary', 1 );： 将 action_woocommerce_before_single_product_summary() 函数挂载到 woocommerce_before_single_product_summary 钩子上，并设置优先级为 1，确保在其他相关函数之前执行。

使用方法：

1. 将以上代码复制到你主题的 functions.php 文件中。 推荐使用子主题，避免主题更新导致代码丢失。
2. 根据需要修改 标签中的 CSS 类名 property-contract-badge，以匹配你的主题样式。
3. 在 WooCommerce 后台，将产品设置为 "特色产品"。

注意事项：

• 确保你已经创建并激活了子主题，并将代码添加到子主题的 functions.php 文件中。
• 如果你的主题已经使用了 woocommerce_before_single_product_summary 钩子，你可能需要调整优先级，以确保你的代码在正确的位置执行。
• 你可以根据需要修改 "Featured" 标签的文本和样式。

总结：

通过使用 wc_get_featured_product_ids() 函数，我们可以轻松地判断 WooCommerce 产品是否为特色产品，并根据判断结果动态显示 "Featured" 标签。这种方法避免了使用自定义字段，简化了操作流程，并提高了代码的可维护性。 只需要将提供的代码添加到主题的 functions.php 文件（推荐子主题）即可。

到这里，我们也就讲完了《WooCommerce如何显示特色产品标签》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！