0

0

如何在 WooCommerce 产品页面显示特色产品标签

心靈之曲

心靈之曲

发布时间:2025-09-06 16:58:43

|

411人浏览过

|

来源于php中文网

原创

如何在 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 'Featured';
        } 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,确保在其他相关函数之前执行。

使用方法:

随缘企业网站管理系统 (无限级分类红色版)
随缘企业网站管理系统 (无限级分类红色版)

2010-10-31日最新更正: 一、更正了产品及文章无限分类不能显示继承类别的bug. 二、更正了产品名称标题过长导致页面布局错位的bug. 随缘企业网站管理系统(无限级分类红色版)简介: 一、全站采用主流DIV+CSS框架布局,宽屏红灰主色调,简洁大方。适合各类行业作为企业站使用。 二、后台可对相关的网站标题,关键词,描述、底部版权信息等进行设置,同时可指定相关的安装目录,可在二级目录使用。

下载
  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 文件(推荐子主题)即可。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

469

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

17

2025.12.06

2026赚钱平台入口大全
2026赚钱平台入口大全

2026年最新赚钱平台入口汇总,涵盖任务众包、内容创作、电商运营、技能变现等多类正规渠道,助你轻松开启副业增收之路。阅读专题下面的文章了解更多详细内容。

30

2026.01.31

高干文在线阅读网站大全
高干文在线阅读网站大全

汇集热门1v1高干文免费阅读资源,涵盖都市言情、京味大院、军旅高干等经典题材,情节紧凑、人物鲜明。阅读专题下面的文章了解更多详细内容。

13

2026.01.31

无需付费的漫画app大全
无需付费的漫画app大全

想找真正免费又无套路的漫画App?本合集精选多款永久免费、资源丰富、无广告干扰的优质漫画应用,涵盖国漫、日漫、韩漫及经典老番,满足各类阅读需求。阅读专题下面的文章了解更多详细内容。

26

2026.01.31

漫画免费在线观看地址大全
漫画免费在线观看地址大全

想找免费又资源丰富的漫画网站?本合集精选2025-2026年热门平台,涵盖国漫、日漫、韩漫等多类型作品,支持高清流畅阅读与离线缓存。阅读专题下面的文章了解更多详细内容。

2

2026.01.31

漫画防走失登陆入口大全
漫画防走失登陆入口大全

2026最新漫画防走失登录入口合集,汇总多个稳定可用网址,助你畅享高清无广告漫画阅读体验。阅读专题下面的文章了解更多详细内容。

8

2026.01.31

php多线程怎么实现
php多线程怎么实现

PHP本身不支持原生多线程,但可通过扩展如pthreads、Swoole或结合多进程、协程等方式实现并发处理。阅读专题下面的文章了解更多详细内容。

1

2026.01.31

php如何运行环境
php如何运行环境

本合集详细介绍PHP运行环境的搭建与配置方法,涵盖Windows、Linux及Mac系统下的安装步骤、常见问题及解决方案。阅读专题下面的文章了解更多详细内容。

0

2026.01.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.1万人学习

CSS教程
CSS教程

共754课时 | 25.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号