在产品页面上显示 Shop Promise

已于 Apr 01, 2023 打印了此页面。若要查看当前版本，请访问 https://help.shopify.com/zh-CN/manual/online-sales-channels/shop/shop-promise/product-page。

对于预计在不超过五个日历日内在美国境内完成的符合条件的配送，配送日期旁边以及产品页面上会显示 Shop Promise 徽章。此徽章可让客户知道他们的订单可获得快速且可靠的配送服务。

激活 Shop Promise 后，您应使用您的模板编辑器导航到产品页面，确认 Shop Promise 徽章已正确显示。

如果徽章未正确显示，则您需要手动放置 Shop Promise 模块。

手动放置 Shop Promise 模块

如果您擅长查阅和编辑模板代码，则可以自己确定需要在何处执行更改并更新产品页面。

确定要执行更改的位置

Shop Promise 模块的代码需要包含在产品页面上的产品表单中，代码的外观类似于 {%- form 'product', product -%}。Shop Promise 模块可能位于不同的位置，具体取决于您的模板。以下是常见位置：

  • main-product.liquid
  • product-form.liquid
  • product-template.liquid
  • product.liquid

更新产品页面

步骤：

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

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

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

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

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

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

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

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

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

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

  1. 打开相关文件。

  2. 找到包含 {%- if block.settings.show_dynamic_checkout -%} 或 {{ form | payment_button }} 的行。

  3. 直接在 {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} 下方创建新行，然后将以下内容粘贴到该行中：

<div class="delivery-promise__promise-container"></div>
  1. 点击保存。

结果应如下所示：

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

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

免费试用