在商品頁面上顯示 Shop Promise
如果商品預計在五個日曆日內於美國境內送出，則該合格商品的配送日期旁邊和商品頁面上會顯示 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
更新商品頁面
步驟：
在 Shopify 管理介面，前往「線上商店」>「佈景主題」。
找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。
在 Shopify 應用程式中，點一下「商店」。
在銷售管道畫面上，點一下「線上商店」。
點一下「管理佈景主題」。
找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。
在 Shopify 應用程式中，點一下「商店」。
在銷售管道畫面上，點一下「線上商店」。
點一下「管理佈景主題」。
找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。
開啟相關檔案。
找出包含
{%- if block.settings.show_dynamic_checkout -%}或{{ form | payment_button }}的那一行。直接在
{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}下方建立新的一行，並貼上以下內容：
<div class="delivery-promise__promise-container"></div>- 點擊「儲存」。
結果應如下所示：
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>