Magento2产品页如何在原价格后添加"Inclusive of all taxes"标签

所有自定义修改请在自定义主题/独立模块目录下操作，严禁直接修改vendor目录下的核心文件，避免Magento版本升级时修改内容被覆盖失效。

自定义文件目录结构说明 #

你需要用到的自定义主题基础路径为 app/design/frontend/[你的自定义供应商名]/[你的自定义主题名]/，对应价格功能的可修改文件路径如下：

• 价格渲染模板路径：Magento_Catalog/templates/product/price/final_price.phtml
  （完整路径即 app/design/frontend/[你的自定义供应商名]/[你的自定义主题名]/Magento_Catalog/templates/product/price/final_price.phtml）
• 自定义样式文件路径：web/css/source/_extend.less
• 布局配置文件路径：Magento_Catalog/layout/catalog_product_view.xml

具体实现步骤 #

1. 模板文件迁移
   从Magento核心目录 vendor/magento/module-catalog/view/frontend/templates/product/price/final_price.phtml 将原模板文件复制到上面提到的自定义主题对应路径下，作为你后续修改的基础模板。
2. 插入标签代码
   打开复制完成的final_price.phtml，定位到产品原价格渲染完成的代码块后方（即price-final_price容器内、价格数值输出结束的位置），插入如下代码：

   <span class="label-taxes">
       <label>Inclusive of all taxes</label>
   </span>
   

   插入后DOM结构和参考示例结构完全匹配，可保证标签准确显示在原价格的后方。
3. 样式适配
   打开自定义主题的_extend.less文件，添加如下样式保证标签排版和价格对齐：

   .product-info-price .price-box .label-taxes {
       display: inline-flex;
       align-items: center;
       margin-left: 8px;
       font-size: 1.4rem;
       color: #555;
   }
   

可选替代实现方式 #

如果不想直接修改phtml模板文件，可通过布局配置的方式追加标签：打开自定义主题下的catalog_product_view.xml文件，在price块对应的容器节点下追加静态块引用即可，适合需要后台可视化编辑标签内容的场景，灵活度略低于直接改模板的方案。

修改后生效操作 #

完成文件修改后，在Magento根目录执行以下命令清理缓存、部署静态资源，让修改生效：

• 清理功能缓存：php bin/magento cache:clean layout block_html full_page
• 部署前端静态资源：php bin/magento setup:static-content:deploy -f
• （Linux环境）补全目录读写权限：chmod -R 755 app/design/frontend/

内容的提问来源于stack exchange，提问作者magento2