隐藏产品价格

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

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

  1. 确认您位于常规分区;如果不是,请单击常规

  2. 商店货币部分,单击更改格式

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

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

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

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

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

  1. Assets 目录中,单击打开 theme.scss.liquid 文件。

    样式表的名称可能会因模板而异,因此,如果您找不到 theme.scss.liquid,请查找以下其中一项:

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

  1. 在文件的最底部,添加以下代码:
.hidden {
  display: none;
}
  1. 点击保存

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

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

免费试用