選擇與切換編輯器,以自訂 Shopify POS 紙本收據
您可以使用 the visual editor 或 the code editor 來自訂紙本收據範本。
POS 編輯器預設為視覺化編輯器格式,但您可以手動選擇使用程式碼編輯器,以存取列印收據的更多進階自訂選項。
本頁內容
注意事項
請檢閱以下考量事項,以選擇用於自訂列印收據的編輯器,以及在 POS 編輯器中為 POS Pro 地點切換編輯器樣式。
選擇編輯器的注意事項
請檢視以下兩種編輯器的差異:
- 在視覺化編輯器中進行的自訂會套用至所有紙本收據類型,例如銷售收據、禮品收據,以及退貨與換貨收據。您可以使用 code editor 自訂特定類型的收據。
- 當您使用視覺化或程式碼編輯器儲存自訂項目時,變更將僅適用於選取的地點。
- 啟用程式碼編輯器後,您無法在 Shopify POS 中自訂收據範本。
- 在視覺化編輯器可直接存取 printing options;啟用程式碼編輯器時,您可改從銷售點 (POS) 管道的設定或 Shopify POS 存取。
深入瞭解 using the receipt visual editor 與 using the receipt code editor 的注意事項。
切換編輯器的注意事項
您可以在視覺化編輯器與程式碼編輯器之間切換來自訂紙本收據。請參閱以下切換編輯器的注意事項:
- 目前啟用的編輯器會同時套用於 Shopify 管理介面與 Shopify POS app。例如,若您在 Shopify 管理介面切換為程式碼編輯器,開啟 Shopify POS app 時也會反映相同的設定。
- 您只能在 Shopify 管理介面切換編輯器。
- 您僅能在電腦版 Shopify 管理介面使用程式碼編輯器。
- 程式碼編輯器僅適用於 POS Pro 地點。若您使用程式碼編輯器,且有非 POS Pro 的地點,則這些地點只能使用視覺化編輯器自訂頁首與頁尾。
- 程式碼編輯器不適用於義大利或法國的任何地點。
- 在編輯器之間切換的步驟會稍有不同,取決於您是所有的 POS 地點都符合程式碼編輯器的使用資格,或是只有部分 POS 地點符合資格 (例如,您有部分的 POS 地點未使用 POS Pro,或位於義大利或法國)。您可以透過 Shopify 管理介面查看哪些 POS 地點已訂閱 POS Pro。
- 系統會為每種編輯器分別儲存您的自訂設定,並在您切換編輯器時予以保留。例如,若您在收據上 in the visual editor 加入 SKU 資訊,之後切換為程式碼編輯器,收據上便不會顯示 SKU;但若您切回視覺化編輯器,顯示 SKU 的設定仍維持啟用,並會顯示於收據上。
將 POS Pro 地點切換為程式碼編輯器
您可以切換為程式碼編輯器,使用 HTML、CSS 與 Liquid 修改紙本收據範本。
若要使用程式碼編輯器,您至少需要 1 個採用 Shopify POS Pro subscription 的地點。若您使用程式碼編輯器,且只有非 POS Pro 地點,則可使用視覺化編輯器為那些地點自訂頁首與頁尾。深入瞭解 the code editor。
在編輯器之間切換的步驟會稍有不同,取決於您是所有的 POS 地點都符合程式碼編輯器的使用資格,或是只有部分 POS 地點符合資格 (例如,您有部分的 POS 地點未使用 POS Pro,或位於義大利或法國)。
步驟:
所有 POS Pro 地點
在 Shopify 管理介面,前往「銷售點」> Settings。
在自訂區段中,點擊列印收據以開啟 POS 編輯器。
在左側邊欄按一下
圖示。
按一下「編輯程式碼」。
在「編輯紙本收據的程式碼」對話方塊中,編輯您要變更的程式碼。
按一下儲存。
選用:若要使用 POS 編輯器繼續編輯更多 Shopify POS 頁面,請返回瀏覽器視窗中的上一頁。
適用於 Lite 或義大利地點
在 Shopify 管理介面,前往「銷售點」> Settings。
在自訂區段中,點擊列印收據以開啟 POS 編輯器。
在收據自訂頁面,按一下程式碼編輯器。
將 POS Pro 地點切換回視覺化編輯器
您可以切換至視覺化編輯器,針對列印收據範本進行預設的自訂。瞭解如何使用the visual editor。
在編輯器之間切換的步驟會稍有不同,取決於您是所有的 POS 地點都符合程式碼編輯器的使用資格,或是只有部分 POS 地點符合資格 (例如,您有部分的 POS 地點未使用 POS Pro,或位於義大利或法國)。