選擇要顯示的付款圖示

注意

Shopify Theme Store 不提供舊版佈景主題。這些主題不含 Shopify Online Store 2.0 佈景主題的功能，且 Shopify 免費的舊版佈景主題只能接收安全性修復的相關更新。

備註

如果您用的是 Shopify 的免費佈景主題，則可以聯絡 Shopify 支援服務協助您瞭解此教學課程。需要 15 分鐘的設計時間。深入瞭解 Shopify 設計政策。

備註

此自訂內容僅適用於舊版 Shopify 佈景主題，且不適用於 Online Store 2.0 佈景主題。

• 瞭解您佈景主題的架構版本
• 探索 Online Store 2.0 佈景主題的自訂內容

所有免費的 Shopify 佈景主題都提供在頁尾顯示付款圖示的選項。顯示的圖示會依商店的付款設定以及顧客所在區域和所使用幣別而定。您可以在佈景主題編輯器中啟用付款圖示。如果您想要在不變更付款設定的情況下新增或移除付款圖示，則可以編輯佈景主題程式碼。

在頁尾啟用付款圖示

自訂的第一步是在頁尾啟用付款圖示：

1. 前往佈景主題編輯器。

2. 點擊「頁尾」。

3. 勾選「顯示付款圖示」核取方塊。

4. 點擊「儲存」。

注意

如果您不是使用 Shopify 的免費佈景主題，且您的佈景主題不包含在頁尾啟用付款圖示的選項，則此自訂內容將不適用於您的佈景主題。

編輯付款圖示的程式碼

在此步驟中，您將變更將付款圖示指派至頁尾的方式。根據預設，您的佈景主題會顯示與付款閘道相關聯的圖示；您已在管理介面的「付款設定」區段中啟用這些付款閘道，而這些圖示適用於目前顧客的所在地區和所使用幣別。您可以使用此自訂內容，手動新增或移除要顯示的付款圖示。

步驟如下：

電腦版

1. 在 Shopify 管理介面 中，前往「線上商店」>「佈景主題」。
2. 找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。
3. 在「區段」目錄中，點擊「footer.liquid」。如果您的佈景主題不包含此檔案，則可以在「版面配置」目錄中，點擊「theme.liquid」。
4. 在檔案中找到下列程式碼：

{% for type in shop.enabled_payment_types %}

1. 用以下程式碼片段取代該程式碼：

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

1. 在剛才貼上的程式碼中，有一份以逗號分隔的付款服務供應商名單：visa,master,american_express,paypal。您網路商店中顯示的付款圖示將取決於此名單所包含的付款服務供應商。您可以根據您的需求編輯付款服務供應商名單。請檢視可用值清單，然後從該清單找出您所需的每個圖示並複製其名稱 (無需 .svg 副檔名)。常用值如下所示：- afterpay - american_express - apple_pay - bitcoin - dankort - diners_club - discover - dogecoin - dwolla - facebook_pay - forbrugsforeningen - google_pay - ideal - jcb - klarna - klarna-pay-later - litecoin - maestro - master - paypal - shopify_pay - sofort - unionpay - visa
2. 點擊「儲存」。

iPhone

1. 在 Shopify 應用程式中，點選「…」按鈕。
2. 在銷售管道畫面上，點一下「線上商店」。
3. 點一下「管理佈景主題」。
4. 找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。
5. 在「區段」目錄中，點擊「footer.liquid」。如果您的佈景主題不包含此檔案，則可以在「版面配置」目錄中，點擊「theme.liquid」。
6. 在檔案中找到下列程式碼：

{% for type in shop.enabled_payment_types %}

1. 用以下程式碼片段取代該程式碼：

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

1. 在剛才貼上的程式碼中，有一份以逗號分隔的付款服務供應商名單：visa,master,american_express,paypal。您網路商店中顯示的付款圖示將取決於此名單所包含的付款服務供應商。您可以根據您的需求編輯付款服務供應商名單。請檢視可用值清單，然後從該清單找出您所需的每個圖示並複製其名稱 (無需 .svg 副檔名)。常用值如下所示：- afterpay - american_express - apple_pay - bitcoin - dankort - diners_club - discover - dogecoin - dwolla - facebook_pay - forbrugsforeningen - google_pay - ideal - jcb - klarna - klarna-pay-later - litecoin - maestro - master - paypal - shopify_pay - sofort - unionpay - visa
2. 點擊「儲存」。

Android

1. 在 Shopify 應用程式中，點選「…」按鈕。
2. 在銷售管道畫面上，點一下「線上商店」。
3. 點一下「管理佈景主題」。
4. 找到要編輯的佈景主題，按一下「...」按鈕以開啟動作選單，然後點擊「編輯程式碼」。
5. 在「區段」目錄中，點擊「footer.liquid」。如果您的佈景主題不包含此檔案，則可以在「版面配置」目錄中，點擊「theme.liquid」。
6. 在檔案中找到下列程式碼：

{% for type in shop.enabled_payment_types %}

1. 用以下程式碼片段取代該程式碼：

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

1. 在剛才貼上的程式碼中，有一份以逗號分隔的付款服務供應商名單：visa,master,american_express,paypal。您網路商店中顯示的付款圖示將取決於此名單所包含的付款服務供應商。您可以根據您的需求編輯付款服務供應商名單。請檢視可用值清單，然後從該清單找出您所需的每個圖示並複製其名稱 (無需 .svg 副檔名)。常用值如下所示：- afterpay - american_express - apple_pay - bitcoin - dankort - diners_club - discover - dogecoin - dwolla - facebook_pay - forbrugsforeningen - google_pay - ideal - jcb - klarna - klarna-pay-later - litecoin - maestro - master - paypal - shopify_pay - sofort - unionpay - visa
2. 點擊「儲存」。