选择要显示的付款图标

注意

模板商店中不提供经典模板。这些模板没有 Shopify 的 Online Store 2.0 模板中包含的功能，并且 Shopify 免费经典模板不会收到除安全性修复以外的更新。

备注

如果您使用 Shopify 的免费模板，您可以联系 Shopify 支持团队获得关于此教程的帮助。此教程需要 15 分钟的设计时间。若要了解详情，请参阅 Support for themes。

备注

此自定义用于经典 Shopify 模板，不适用于“Online Store 2.0”模板。

• 找到您的模板架构版本
• 探索“Online Store 2.0”模板自定义

所有免费的 Shopify 模板都包含在页脚中显示付款图标的选项。显示的图标由商店的支付设置以及客户所在地区和所用货币决定。您可以在模板编辑器中启用付款图标。如果您想在不更改支付设置的情况下添加或删除付款图标，可以通过编辑您的模板代码来实现此目的。

在页脚中启用付款图标

此自定义设置的第一步是在页脚中启用付款图标：

1. 转到模板编辑器。

2. 点击页脚。

3. 选中显示付款图标复选框。

4. 点击保存。

注意

如果您不使用 Shopify 的免费模板，并且您的模板不包含在页脚中启用付款图标的选项，则此自定义将对您的模板不起作用。

编辑付款图标的代码

在此步骤中，您将更改向页脚分配付款图标的方式。默认情况下，您的模板会显示与支付网关（在后台的支付设置分区中启用）相关联且可用于当前客户所在地区和所用语言的图标。通过此自定义，您可以手动添加或删除您要显示的付款图标。

步骤：

桌面

1. 在 Shopify 后台中，转至在线商店 > 模板。
2. 找到要编辑的模板，点击 ... 按钮打开操作菜单，然后点击编辑代码。
3. 在 Sections 目录中，点击 footer.liquid。如果您的模板中不包含此文件，则点击 Layout 目录中的 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. 在 Sections 目录中，点击 footer.liquid。如果您的模板中不包含此文件，则点击 Layout 目录中的 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. 在 Sections 目录中，点击 footer.liquid。如果您的模板中不包含此文件，则点击 Layout 目录中的 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. 点击保存。