在产品页面上隐藏“添加到购物车”按钮

备注

如果您使用 Shopify 的免费模板，您可以联系 Shopify 支持团队获得关于此教程的帮助。此教程需要 15 分钟的设计时间。详细了解 Shopify 设计政策。

备注

此自定义适用于 Online Store 2.0 模板，不适用于经典 Shopify 模板。找到您的模板架构版本。

通过自定义可隐藏特定块（与将商品添加到购物车相关）的产品模板，您可以对客户隐藏将产品添加到购物车的选项。然后，您可以为您不希望客户添加到购物车的一件或多件产品分配该产品模板。这意味着您分配了新产品模板的产品页面上将不会显示“添加到购物车”按钮。

在下面的一种情况中，您可能需要从特定产品页面隐藏“添加到购物车”按钮：

• 您需要客户与您联系以获取产品价格的报价。
• 您需要提供预购选项，而不是“添加到购物车”按钮。
• 您销售定制产品，并且您需要客户在购买前与您联系以沟通其产品要求。

您只能将与已发布的模板关联的产品模板分配给产品页面。如果您在未发布的模板中创建了新模板，则必须先发布模板，然后才能将其样式分配给产品。

详细了解如何创建新模板和向产品应用模板。

对特定产品隐藏“添加到购物车”按钮

默认情况下，系统会为产品分配默认产品模板。您可以创建单独的非卖品产品模板，用于对一件或多件产品隐藏“添加到购物车”按钮，但使其他产品仍在您的在线商店中可供购买。

创建“非卖品”产品模板

若要在不更改 Default product 模板的情况下自定义特定产品，您需要创建新产品模板。

步骤：

1. 在 Shopify 后台中，转至在线商店 > 模板。
2. 找到您要编辑的模板，然后点击自定义。
3. 点击主页下拉菜单，然后点击产品 > ⊕ 创建模板。
4. 在创建模板对话框的名称字段中，键入新模板的名称，例如非卖品，然后点击创建模板。

5. 在“分区”网站导航侧边栏中，转至模板 > 产品信息块，然后执行以下更改：

   1. 将光标悬停在数量选择器块上，然后点击眼睛图标来隐藏该块。
   2. 将光标悬停在购买按钮块上，然后点击眼睛图标来隐藏该块。
   3. 可选：将光标悬停在价格块上，然后点击眼睛图标来隐藏该块。

6. 可选：如果要在产品页面上添加一些文本来为客户提供更多信息（例如不可售产品的预计恢复销售日期），则可以执行以下步骤来添加和自定义新块：

   1. 在产品信息部分，点击 ⊕ 添加块 > 文本以添加文本块。
   2. 点击新的文本块并将其拖动到产品页面的首选位置。
   3. 在文本设置侧边栏中，将您的文本添加到文本字段中。
   4. 选择首选文本样式。

7. 可选：如果要添加联系表，则可以执行以下步骤在产品页面上添加并自定义新分区：

   1. 在模板面板中，点击 ⊕ 添加分区 > 联系表。
   2. 点击新的联系表分区并将其拖动到产品页面的首选位置。
   3. 在联系表设置侧边栏中，您可以根据需要自定义联系表。例如，您可以编辑标题文本字段以显示行动号召内容，例如向我们发送要添加到等候列表中的请求。

8. 点击保存。

将“非卖品”模板分配给一个产品：

1. 在 Shopify 后台中，转至产品。
2. 点击要隐藏“添加到购物车”按钮的产品的名称。
3. 在模板样式部分，点击下拉菜单，然后选择非卖品模板。
4. 点击保存。

将“非卖品”模板批量分配给多个产品

1. 在 Shopify 后台中，转至产品。
2. 点击要隐藏“添加到购物车”按钮的产品旁边的复选框，然后点击批量编辑。
3. 在批量编辑器中，点击列，然后点击模板，以将“模板”列添加到编辑器表格中。
4. 在每个产品行中，将模板设置为 product.not-for-sale。
5. 点击保存。

对所有产品隐藏“添加到购物车”按钮

如果您想对所有产品隐藏“添加到购物车”按钮，但仍允许客户浏览您的在线商店，则您可以自定义默认产品模板以将更改应用于所有现有产品和将来的产品。

提示:

如果您不希望客户能够购买产品或浏览您的在线商店，则可以使用密码限制对在线商店的访问。

步骤：

1. 在 Shopify 后台中，转至在线商店 > 模板。
2. 找到您要编辑的模板，然后点击自定义。
3. 点击主页下拉菜单，然后点击产品 > 默认产品。

4. 在“分区”网站导航侧边栏中，转至模板 > 产品信息块，然后执行以下更改：

   1. 将光标悬停在数量选择器块上，然后点击眼睛图标来隐藏该块。
   2. 将光标悬停在购买按钮块上，然后点击眼睛图标来隐藏该块。
   3. 可选：将光标悬停在价格块上，然后点击眼睛图标来隐藏该块。

5. 可选：如果要在产品页面上添加一些文本来为客户提供更多信息（例如不可售产品的预计恢复销售日期），则可以执行以下步骤来添加和自定义新块：

   1. 在产品信息部分，点击 ⊕ 添加块 > 文本以添加文本块。
   2. 点击新的文本块并将其拖动到产品页面的首选位置。
   3. 在文本设置侧边栏中，将您的文本添加到文本字段中。
   4. 选择首选文本样式。

6. 可选：如果要添加联系表，则可以执行以下步骤在产品页面上添加并自定义新分区：

   1. 在模板面板中，点击 ⊕ 添加分区 > 联系表。
   2. 点击新的联系表分区并将其拖动到产品页面的首选位置。
   3. 在联系表设置侧边栏中，您可以根据需要自定义联系表。例如，您可以编辑标题文本字段以显示行动号召内容，例如向我们发送要添加到等候列表中的请求。

7. 点击保存。