0

0

如何在 WooCommerce 邮件模板中显示商品主图(而非缩略图)

霞舞

霞舞

发布时间:2026-02-03 13:03:21

|

462人浏览过

|

来源于php中文网

原创

如何在 WooCommerce 邮件模板中显示商品主图(而非缩略图)

默认情况下,woocommerce 邮件中的商品图片使用的是 `thumbnail` 尺寸;本文教你通过修改 `image_size` 参数为 `'full'` 或其他注册尺寸(如 `'woocommerce_single'`),在订单邮件中正确显示商品主图或高清详情图。

在 WooCommerce 的邮件模板(如 customer-processing-order.php 或自定义邮件模板)中,商品列表通常通过 wc_get_email_order_items() 函数渲染。该函数支持灵活的图片尺寸控制,但默认仅显示小缩略图(thumbnail)。若需展示更清晰、更具视觉表现力的商品主图(即「特色图像」或「全尺寸图」),关键在于正确配置 image_size 参数。

✅ 正确做法是将 'image_size' 设为 'full'(对应 WordPress 全尺寸原图)或预注册的 WooCommerce 专用尺寸,例如:

 $sent_to_admin,
    'show_image'    => true,
    'image_size'    => 'full', // ✅ 替换为 'full'、'woocommerce_single' 或 'large'
    'plain_text'    => $plain_text,
    'sent_to_admin' => $sent_to_admin,
) );
?>

? 支持的 image_size 值包括:

速创猫AI简历
速创猫AI简历

一键生成高质量简历

下载
  • 'full':原始上传图像(推荐用于高保真展示,需确保后台已生成对应尺寸);
  • 'woocommerce_single':WooCommerce 默认单商品页尺寸(通常为 600×600,响应式友好);
  • 'woocommerce_thumbnail':标准缩略图(默认值,300×300);
  • 'large':WordPress 内置大图尺寸;
  • 自定义数组:如 array(400, 400)(宽×高,按比例裁剪)。

⚠️ 注意事项:

  • 使用 'full' 时,请确保商品图片原始分辨率足够高,且服务器未因性能原因禁用全尺寸图生成;
  • 若邮件中图片不显示,请检查主题或插件是否覆盖了 wp_get_attachment_image_src() 行为,或确认图片附件 ID 有效(部分第三方图库插件可能影响 get_post_thumbnail_id());
  • 在 plain_text 模式下,图片将被自动忽略(符合预期),无需额外判断;
  • 如需进一步定制图片 HTML(如添加 alt 文本、懒加载或响应式 srcset),建议通过 woocommerce_email_order_items_table 钩子重构输出逻辑,而非依赖默认函数。

总结:只需将 image_size 从默认的 'thumbnail' 替换为 'full' 或更适合业务场景的尺寸,即可让 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、监控和分析你的网站等等。

420

2023.09.18

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

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

320

2024.04.15

全国统一发票查询平台入口合集
全国统一发票查询平台入口合集

本专题整合了全国统一发票查询入口地址合集,阅读专题下面的文章了解更多详细入口。

3

2026.02.03

短剧入口地址汇总
短剧入口地址汇总

本专题整合了短剧app推荐平台,阅读专题下面的文章了解更多详细入口。

8

2026.02.03

植物大战僵尸版本入口地址汇总
植物大战僵尸版本入口地址汇总

本专题整合了植物大战僵尸版本入口地址汇总,前往文章中寻找想要的答案。

6

2026.02.03

c语言中/相关合集
c语言中/相关合集

本专题整合了c语言中/的用法、含义解释。阅读专题下面的文章了解更多详细内容。

2

2026.02.03

漫蛙漫画网页版入口与正版在线阅读 漫蛙MANWA官网访问专题
漫蛙漫画网页版入口与正版在线阅读 漫蛙MANWA官网访问专题

本专题围绕漫蛙漫画(Manwa / Manwa2)官网网页版入口进行整理,涵盖漫蛙漫画官方主页访问方式、网页版在线阅读入口、台版正版漫画浏览说明及基础使用指引,帮助用户快速进入漫蛙漫画官网,稳定在线阅读正版漫画内容,避免误入非官方页面。

5

2026.02.03

Yandex官网入口与俄罗斯搜索引擎访问指南 Yandex中文登录与网页版入口
Yandex官网入口与俄罗斯搜索引擎访问指南 Yandex中文登录与网页版入口

本专题汇总了俄罗斯知名搜索引擎 Yandex 的官网入口、免登录访问地址、中文登录方法与网页版使用指南,帮助用户稳定访问 Yandex 官网,并提供一站式入口汇总。无论是登录入口还是在线搜索,用户都能快速获取最新稳定的访问链接与使用指南。

36

2026.02.03

Java 设计模式与重构实践
Java 设计模式与重构实践

本专题专注讲解 Java 中常用的设计模式,包括单例模式、工厂模式、观察者模式、策略模式等,并结合代码重构实践,帮助学习者掌握 如何运用设计模式优化代码结构,提高代码的可读性、可维护性和扩展性。通过具体示例,展示设计模式如何解决实际开发中的复杂问题。

2

2026.02.03

热门下载

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

精品课程

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

共137课时 | 10.9万人学习

JavaScript ES5基础线上课程教学
JavaScript ES5基础线上课程教学

共6课时 | 11.2万人学习

PHP新手语法线上课程教学
PHP新手语法线上课程教学

共13课时 | 0.9万人学习

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

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