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

/manual/online-store/themes/theme-structure/templates

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

在以下任一情况下,您可能需要隐藏某些产品页面上的“添加到购物车”按钮:

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

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

详细了解如何创建新模板以及如何将模板应用于产品。

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

默认情况下,产品会被分配默认产品模板。您可以创建一个单独的 not-for-sale 产品模板,用于为一个或多个产品隐藏“添加到购物车”按钮,同时让其他产品仍在您的在线商店中可供购买。

创建“非卖品”产品模板

若要自定义特定产品而不更改默认产品模板,您需要创建一个新的产品模板。

步骤:

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

  2. 找到要编辑的模板,然后点击自定义

  3. 点击主页下拉菜单,然后点击产品 > ⊕ 创建模板

  4. 创建模板对话框中,在名称字段中为新模板输入一个名称(例如 not-for-sale),然后点击创建模板

  5. 在“分区”导航侧边栏中,转到模板 > 产品信息块,然后进行以下更改:

    1. 将光标悬停在数量选择器块上,然后点击眼睛图标以隐藏该块。
    2. 将光标悬停在购买按钮块上,然后点击眼睛图标以隐藏该块。
    3. 可选:将光标悬停在价格块上,然后点击眼睛图标以隐藏该块。
  6. 可选:如果您想在产品页面上添加一些文本来为客户提供更多信息(例如,如果产品缺货,预计恢复销售的日期),则可以按照以下步骤添加和自定义新块:

    1. 产品信息分区中,点击 ⊕ 添加块 > 文本以添加文本块。
    2. 点击新的文本块并将其拖动到产品页面上您偏好的位置。
    3. 文本设置侧边栏中,将您的文本添加到文本字段中。
    4. 选择您偏好的文本样式
  7. 可选:如果您想添加联系表单,则可以按照以下步骤在产品页面上添加和自定义新分区:

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

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

  1. 在 Shopify 后台中,转至产品

  2. 点击您想隐藏其“添加到购物车”按钮的产品名称。

  3. 模板分区中,点击下拉菜单,然后选择 not-for-sale 模板。

  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. 点击保存