咨询：无需付费扩展程序在商品页显示gross price与net price的方法

完全可以无需购买付费扩展实现，以下是主流电商平台的具体操作方法：

WooCommerce（WordPress 生态） #

快速开启法（无需代码） #

• 登录后台，进入 WooCommerce > 设置 > 税费 > 显示选项
• 在「价格显示方式」下拉框中选择 含税价和不含税价
• 保存设置后，商品页面会自动同步显示两种价格

自定义模板法（样式更灵活） #

如果后台默认样式不符合需求，可修改主题模板：

1. 复制 WooCommerce 默认模板中的 single-product/price.php 到当前主题的对应目录（若主题已有该文件则直接编辑）
2. 在原有价格代码块附近插入以下代码：

// 输出不含税价格
echo '<p class="product-net-price">不含税价：' . wc_price(wc_get_price_excluding_tax($product)) . '</p>';
// 输出含税价格
echo '<p class="product-gross-price">含税价：' . wc_price(wc_get_price_including_tax($product)) . '</p>';

3. 保存文件后刷新商品页面即可生效

Shopify #

代码修改法 #

1. 进入 Shopify 后台，依次点击 在线商店 > 主题 > 当前主题 > 操作 > 编辑代码
2. 在左侧文件列表中找到 Sections/product-template.liquid（不同主题文件名可能略有差异，如 main-product.liquid）
3. 在页面价格展示区域插入以下代码：

{% comment %} 显示不含税价格 {% endcomment %}
<p class="net-price">不含税价：{{ product.price | money_without_trailing_zeros }}</p>
{% comment %} 显示含税价格 {% endcomment %}
<p class="gross-price">含税价：{{ product.price | times: (1 + shop.tax_rate) | money_without_trailing_zeros }}</p>

4. 保存修改后，前端商品页面会同时展示两种价格

注意事项 #

• 操作前务必确保店铺已正确配置税费规则，否则价格计算会出现偏差
• 修改模板文件前建议备份原文件，避免操作失误导致页面异常
• 可通过自定义 CSS 调整两种价格的展示样式（如颜色、字体大小），区分显示层级

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