0

0

在WooCommerce商店和归档页面产品价格后添加自定义PHP代码

聖光之護

聖光之護

发布时间:2025-07-18 20:42:16

|

683人浏览过

|

来源于php中文网

原创

在woocommerce商店和归档页面产品价格后添加自定义php代码

本教程详细介绍了如何在WooCommerce商店和产品归档页面上,于产品价格下方插入自定义PHP代码。通过利用WooCommerce的动作钩子(Action Hooks)和WordPress主题的functions.php文件,您可以轻松实现诸如显示作者电话号码等自定义元数据,从而增强产品列表页面的信息展示能力。文章提供了具体的代码示例、实现步骤以及重要的注意事项,帮助开发者有效扩展WooCommerce功能。

1. 概述与目的

在WordPress和WooCommerce的生态系统中,灵活地定制前端显示是提升用户体验和满足特定业务需求的关键。有时,我们可能需要在产品列表页(如商店主页、分类页、标签页等)的每个产品项中,在价格信息之后添加额外的自定义内容。例如,显示产品的作者信息、联系方式或其他特定属性。本教程将以在产品价格后显示作者的“电话”元数据为例,详细讲解如何通过WooCommerce的动作钩子实现这一功能,且不影响单个产品详情页。

2. 核心原理:WooCommerce动作钩子

WooCommerce作为一款高度可定制的电子商务插件,其强大的扩展性得益于广泛使用的动作钩子(Action Hooks)和过滤器(Filters)。动作钩子允许开发者在WooCommerce执行特定操作时“插入”自己的代码。本例中,我们将利用woocommerce_after_shop_loop_item这个钩子,它在商店循环中每个产品项(item)的末尾执行。

3. 实现步骤

要将自定义PHP代码添加到WooCommerce商店和归档页面上的产品价格后,您需要编辑您主题的functions.php文件。强烈建议使用子主题(Child Theme)以避免主题更新时代码被覆盖。

3.1 准备PHP代码

首先,定义一个PHP函数,其中包含您希望显示的内容。在本例中,我们希望显示产品作者的电话号码,这可以通过the_author_meta('phone')函数实现。

立即学习PHP免费学习笔记(深入)”;

DALL·E 2
DALL·E 2

OpenAI基于GPT-3模型开发的AI绘图生成工具,可以根据自然语言的描述创建逼真的图像和艺术。

下载
function custom_content_after_product_price() {
    // 确保在产品循环中显示作者元数据
    // 这里以显示作者电话为例,您可以替换为其他自定义内容
    echo the_author_meta( 'phone' );
}

3.2 挂载到WooCommerce钩子

接下来,使用add_action()函数将上述自定义函数挂载到woocommerce_after_shop_loop_item动作钩子上。

add_action('woocommerce_after_shop_loop_item', 'custom_content_after_product_price', 10, 0);
  • woocommerce_after_shop_loop_item: 这是WooCommerce提供的动作钩子,它在每个产品循环项(包括图片、标题、价格、添加到购物车按钮等)渲染完成后触发。
  • custom_content_after_product_price: 这是您自定义的函数名称,当钩子触发时,此函数将被执行。
  • 10: 这是优先级参数。数字越小,函数执行得越早。默认优先级是10。
  • 0: 这是接受的参数数量。woocommerce_after_shop_loop_item钩子不传递任何参数,因此设置为0。

3.3 完整代码示例

将以下代码添加到您的子主题的functions.php文件中:

'; // 可以添加一个 div 方便 CSS 样式控制
    the_author_meta( 'phone' );
    echo '
'; } add_action('woocommerce_after_shop_loop_item', 'custom_content_after_product_price', 10, 0); ?>

4. 注意事项与最佳实践

  • 使用子主题: 务必将代码添加到子主题的functions.php文件中。如果直接修改父主题,主题更新时您的修改将会丢失。
  • 目标钩子的选择: woocommerce_after_shop_loop_item钩子会将内容放置在产品卡片的底部。如果您需要将内容更精确地放置在价格 之后紧邻,可能需要探索其他更具体的钩子,例如woocommerce_after_shop_loop_item_title或woocommerce_after_shop_loop_item_price,但这需要根据您的主题和WooCommerce模板结构进行测试和调整。对于大多数情况,woocommerce_after_shop_loop_item足以满足在产品信息区域内添加额外内容的需求。
  • 数据来源: 示例中使用the_author_meta('phone')来获取作者电话。这假设您的产品(或其关联的WordPress用户)有“phone”这个用户元数据。如果您的产品信息来源不同(例如,通过自定义字段存储产品联系方式),您需要调整the_author_meta()为相应的函数(如get_post_meta())来获取数据。
  • 样式控制: 添加的自定义内容可能需要CSS样式来确保其在页面上的正确显示和美观。您可以为包裹自定义内容的div(如示例中的product-author-phone)添加类,然后在子主题的style.css文件中编写相应的CSS规则。
  • 错误排查: 如果代码添加后网站出现问题(如白屏),请检查functions.php文件是否有语法错误。通常,PHP错误日志会提供详细信息。
  • 测试: 在生产环境部署之前,务必在开发或测试环境中充分测试您的代码,确保其按预期工作且没有引入新的问题。

5. 总结

通过利用WooCommerce的动作钩子和WordPress的functions.php文件,您可以高效且灵活地在WooCommerce商店和归档页面上添加自定义内容。本教程提供的示例展示了如何将作者电话添加到产品价格之后,但其核心原理可扩展到任何您希望在产品列表页显示的自定义信息。掌握这些基本概念将极大地增强您对WooCommerce网站的定制能力。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

419

2023.09.18

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

316

2024.04.15

php中文乱码如何解决
php中文乱码如何解决

本文整理了php中文乱码如何解决及解决方法,阅读节专题下面的文章了解更多详细内容。

1

2026.01.28

Java 消息队列与异步架构实战
Java 消息队列与异步架构实战

本专题系统讲解 Java 在消息队列与异步系统架构中的核心应用,涵盖消息队列基本原理、Kafka 与 RabbitMQ 的使用场景对比、生产者与消费者模型、消息可靠性与顺序性保障、重复消费与幂等处理,以及在高并发系统中的异步解耦设计。通过实战案例,帮助学习者掌握 使用 Java 构建高吞吐、高可靠异步消息系统的完整思路。

1

2026.01.28

Python 自然语言处理(NLP)基础与实战
Python 自然语言处理(NLP)基础与实战

本专题系统讲解 Python 在自然语言处理(NLP)领域的基础方法与实战应用,涵盖文本预处理(分词、去停用词)、词性标注、命名实体识别、关键词提取、情感分析,以及常用 NLP 库(NLTK、spaCy)的核心用法。通过真实文本案例,帮助学习者掌握 使用 Python 进行文本分析与语言数据处理的完整流程,适用于内容分析、舆情监测与智能文本应用场景。

23

2026.01.27

拼多多赚钱的5种方法 拼多多赚钱的5种方法
拼多多赚钱的5种方法 拼多多赚钱的5种方法

在拼多多上赚钱主要可以通过无货源模式一件代发、精细化运营特色店铺、参与官方高流量活动、利用拼团机制社交裂变,以及成为多多进宝推广员这5种方法实现。核心策略在于通过低成本、高效率的供应链管理与营销,利用平台社交电商红利实现盈利。

120

2026.01.26

edge浏览器怎样设置主页 edge浏览器自定义设置教程
edge浏览器怎样设置主页 edge浏览器自定义设置教程

在Edge浏览器中设置主页,请依次点击右上角“...”图标 > 设置 > 开始、主页和新建标签页。在“Microsoft Edge 启动时”选择“打开以下页面”,点击“添加新页面”并输入网址。若要使用主页按钮,需在“外观”设置中开启“显示主页按钮”并设定网址。

51

2026.01.26

苹果官方查询网站 苹果手机正品激活查询入口
苹果官方查询网站 苹果手机正品激活查询入口

苹果官方查询网站主要通过 checkcoverage.apple.com/cn/zh/ 进行,可用于查询序列号(SN)对应的保修状态、激活日期及技术支持服务。此外,查找丢失设备请使用 iCloud.com/find,购买信息与物流可访问 Apple (中国大陆) 订单状态页面。

192

2026.01.26

npd人格什么意思 npd人格有什么特征
npd人格什么意思 npd人格有什么特征

NPD(Narcissistic Personality Disorder)即自恋型人格障碍,是一种心理健康问题,特点是极度夸大自我重要性、需要过度赞美与关注,同时极度缺乏共情能力,背后常掩藏着低自尊和不安全感,影响人际关系、工作和生活,通常在青少年时期开始显现,需由专业人士诊断。

7

2026.01.26

热门下载

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

精品课程

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

共14课时 | 0.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

CSS教程
CSS教程

共754课时 | 24.7万人学习

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

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