You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Magento 2交易邮件中添加商品图片?求技术指导

Magento 2订单邮件添加商品图片实现步骤

1. 自定义订单邮件模板

  • 后台路径:内容 > 设计 > 配置,选中当前在用的主题点击编辑,切换到电子邮件模板标签
  • 找到「订单确认邮件」(对应系统模板名:sales_email_order_template),点击复制模板生成自定义模板,避免修改系统默认文件

2. 修改商品列表区块模板

  • 复制Magento默认商品模板文件:vendor/magento/module-sales/view/frontend/templates/email/items/order/default.phtml
  • 将文件放到当前主题对应目录:app/design/frontend/[你的主题包名]/[主题名称]/Magento_Sales/templates/email/items/order/default.phtml(比如使用Luma主题就对应放到Magento_Sales的templates目录下)
  • 打开这个自定义模板,在商品名称位置(或你想要的位置)添加图片代码:
<?php
$product = $_item->getProduct();
$imageHelper = $this->helper(\Magento\Catalog\Helper\Image::class);
// 可自行调整图片尺寸,比如改成200,200
$imageUrl = $imageHelper->init($product, 'product_base_image')
    ->constrainOnly(true)
    ->keepAspectRatio(true)
    ->keepFrame(false)
    ->resize(100, 100)
    ->getUrl();
?>
<!-- 图片样式可按需调整,比如宽度、边距 -->
<img src="<?= $imageUrl ?>" alt="<?= $block->escapeHtml($_item->getName()) ?>" style="width:100px; height:auto; margin-right:12px; float:left;" />
  • 保存文件即可,若要调整图片大小,修改resize(100,100)里的数值就行,样式也能自行修改

3. 启用模板并测试

  • 回到后台自定义邮件模板页面,确保你创建的自定义模板已被选中启用
  • 提交测试订单触发确认邮件,检查商品图片是否正常显示

注意:如果使用第三方主题,需先确认主题是否重写了该商品模板;另外商品必须上传基础图片,否则会显示系统默认占位图

内容的提问来源于stack exchange,提问作者MartiPE

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.06 03:30:39