隐藏产品价格

已于 May 30, 2023 打印了此页面。若要查看当前版本，请访问 https://help.shopify.com/zh-CN/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/hide-product-prices。

您可以通过编辑货币格式来隐藏所有产品价格，并在将来再次显示价格。

提示：如果您想暂时阻止客户购买您的产品，您还可以禁用购物车。

  1. 在 Shopify 后台中，转至设置。
  1. 在 Shopify 应用中，转至商店 > 设置。
  2. 滚动到商店设置部分。
  1. 在 Shopify 应用中，转至商店 > 设置。
  2. 滚动到商店设置部分。

  1. 点击商店详细信息。

  2. 在商店货币部分，点击更改格式。

  3. 将前两个格式放在 span 元素中并将一个类设置为 hidden。请勿使用引号。例如，对于使用美元货币的商店，含货币的 HTML 格式如下：

<span class=hidden>${{ amount }} USD</span>

下方是不含货币的 HTML 格式：

<span class=hidden>${{ amount }}</span>

这应该会隐藏店面中的所有价格。如果价格仍然显示，则您需要将一些代码添加到模板样式表的底部。然后继续按照后续步骤操作。

  1. 在 Shopify 后台中，转至在线商店 > 模板。

  2. 找到要编辑的模板，点击 ... 按钮打开操作菜单，然后点击编辑代码。

  1. 在 Shopify 应用中，轻触商店。

  2. 在销售渠道部分中，轻触在线商店。

  3. 轻触 Manage themes（管理模板）。

  4. 找到要编辑的模板，点击 ... 按钮打开操作菜单，然后点击编辑代码。

  1. 在 Shopify 应用中，轻触商店。

  2. 在销售渠道部分中，轻触在线商店。

  3. 轻触 Manage themes（管理模板）。

  4. 找到要编辑的模板，点击 ... 按钮打开操作菜单，然后点击编辑代码。

  1. 在 Assets 目录中，点击打开 theme.scss.liquid 文件。样式表的名称可能会因模板而异，因此，如果您找不到 theme.scss.liquid，请查找以下其中一项：

    • style.scss.liquid
    • styles.scss.liquid
    • theme.css.liquid
    • timber.scss.liquid

  2. 在文件的最底部，添加以下代码：

.hidden {
  display: none;
}
  1. 点击保存。

当您准备好再次显示价格时，请将商店的货币更改为任何其他货币，然后再更改回您自己的货币。这会将设置恢复为您商店货币的默认货币格式，并且店面中会再次显示价格。

准备好开始使用 Shopify 进行销售了吗？

免费试用