商品項目內容區塊

當顧客在結帳時符合特定條件,商品項目內容區塊會在結帳頁面的訂單摘要中、商品項目下方顯示指定內容。不同於可在結帳多個區域顯示的其他內容區塊,這個區塊僅會顯示於結帳頁面的訂單摘要中的「購物車內的商品」區段。

此類型區塊適合用來顯示資訊,例如特定品項的配送預估或銷售政策。舉例來說,您可以為特定商品加入關於運送延遲的純文字訊息,僅在運送州別為紐約時顯示。另一個例子,您可以顯示彈出式「Final sale」訊息,僅在顧客購物車包含標記為 #final-sale 的商品時顯示。

您可以以下列其中一種格式顯示商品項目內容區塊的內容:

  • 純文字
  • 徽章
  • 工具提示
  • 互動視窗

您可以使用 Markdown 格式化內容,並使用 Liquid 為內容加入變數。內容不支援 CSS、HTML 與 JavaScript。

如果在同一商品項目上顯示多個商品項目內容區塊,您可以使用其 sort priority 重新排序。

建立商品項目內容區塊

您可以在 Checkout Blocks app 中建立並設定商品項目內容區塊。建立後,您必須 add it to the checkout

步驟:

  1. 在您的 Shopify 管理介面中,前往「應用程式」> Checkout Blocks

  2. 按一下「區塊」,然後按一下「建立區塊」。

  3. 按一下「商品項目內容」。

  4. 在「區塊名稱」區段中,輸入區塊名稱。此名稱不會顯示給顧客。

  5. 在「顯示規則」區段中,設定區塊的 display rules

    • 若要讓所有顧客、所有商品項目都顯示此區塊,請將「顯示規則」區段留空。
    • 若要建立顯示規則,按一下「⊕ 新增顯示規則」,然後設定您的規則。您可視需要新增多個顯示規則。
  6. 在「內容」區段中,加入並自訂區塊內容:

    1. 在「顯示類型」選單中,選取內容的格式。
    2. 選用:如果您的區塊為「工具提示」或「在互動視窗開啟」,請輸入內容「標題」。
    3. 在「內容」文字欄位中輸入內容。您可以使用 Markdown 和 Liquid 格式化內容。
    4. 選用:在「樣式」區段中,您可以自訂內容的樣式,包括圖示、文字對齊與顏色。
  7. 選用:在「發布」區段中,按一下鉛筆圖示,選取您要顯示此區塊的市場與結帳頁面。

  8. 按一下「儲存」。

您的區塊預設會儲存為「草稿」。準備好發布時,前往「狀態」區段,從下拉式選單選取「啟用」。

將商品項目內容區塊加入至結帳頁面

商品項目內容區塊會作為「商品項目編輯」區塊的一部分在結帳頁面顯示。要讓商品項目內容顯示,您必須先建立一個 line item edit block,並將「商品項目內容區塊」設為啟用選項。此外,Existing line item content blocks 也必須設為「啟用」才能在結帳頁面顯示。

您只需將「商品項目編輯」區塊加入結帳頁面一次,所有適用的商品項目內容區塊就會顯示其內容。若您啟用了多個商品項目內容區塊,您可以透過 adjusting their sort priority 選擇其顯示順序。

步驟:

  1. 在您的 Shopify 管理介面中,前往「應用程式」> Checkout Blocks

  2. 按一下「區塊」。

  3. 按一下您要加入至結帳頁面的商品項目內容區塊。

  4. 按一下「更多動作 ⌄」>「加入至結帳」。

  5. 選取您想要的結帳設定,然後按一下「開啟編輯器」。

  6. 在結帳與帳戶編輯器中,將商品項目編輯區塊加入至結帳頁面:

    1. 前往您要加入區塊的結帳頁面。
    2. 在「訂單摘要」區段按一下「⊕ 新增區塊」。
    3. 按一下 Checkout Blocks 中的「商品項目編輯」選項。
  7. 按一下「儲存」。