如何在 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 ‘<span class=”property-contract-badge”>Featured</span>’;： 如果产品是特色产品，则输出 “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，确保在其他相关函数之前执行。

使用方法：

Devin

世界上第一位AI软件工程师，可以独立完成各种开发任务。

156

查看详情

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

注意事项：

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

总结：

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

以上就是如何在 WooCommerce 产品页面显示特色产品标签的详细内容，更多请关注css php red php css echo class Property 对象