挑选要展现的付款图标

备注名称

假如您应用Shopify的完全免费模板，您可以联络Shopify适用精英团队得到有关此实例教程的协助。此实例教程必须15分鐘的制定时长。若要掌握详细信息，客户程序Supportforthemes。

备注名称

此自定用以复古时尚Shopify模板，不适感用以“OnlineStore2.0”模板。

寻找您的模板构架版本号

探寻“OnlineStore2.0”模板自定

全部完全免费的Shopify模板都包括在底部中表明付款图标的选择项。表明的图标由店铺的付款设定及其用户所属区域和常用贷币决策。您可以在模板编辑软件中开启付款图标。假如您想在没有变更付款设定的情形下加上或删掉付款图标，可以利用编写您的模板编码来完成此目地。

在底部中开启付款图标

此自定安装的第一步是在底部中开启付款图标：

转到模板编辑软件。

点击底部。

选定表明付款图标勾选框。

点击储存。

留意

假如您不应用Shopify的完全免费模板，而且您的模板不包含在底部中开启付款图标的选择项，此自定将对您的模板失灵。

编写付款图标的编码

在这里过程中，您将变更向底部分派付款图标的方法。默认设置状况下，您的模板会表明与支付网站（在控制台的付款设定系统分区中开启）密切相关且可用以现阶段顾客所属区域和常用语言表达的图标。根据此自定，您可以人工加上或移除您要展现的付款图标。

若要编写付款图标的编码，请实行下列实际操作：

PC:

在Shopify后台管理中，转到在线商店模板。

寻找要编写的模板，随后点击实际操作编写编码。

在Sections文件目录中，点击footer.liquid。假如您的模板中不包含此文档，则点击Layout文件目录中的theme.liquid。

ios系统：

在Shopify运用中，轻按店铺。

在营销渠道一部分中，轻按在线商店。

轻触Managethemes（管理方法模板）。

寻找要编写的模板，随后点击实际操作编写编码。

在Sections文件目录中，点击footer.liquid。假如您的模板中不包含此文档，则点击Layout文件目录中的theme.liquid。

安卓手机系统：

在Shopify运用中，轻按店铺。

在营销渠道一部分中，轻按在线商店。

轻触Managethemes（管理方法模板）。

寻找要编写的模板，随后点击实际操作编写编码。

在Sections文件目录中，点击footer.liquid。假如您的模板中不包含此文档，则点击Layout文件目录中的theme.liquid。

在该文件中搜索下列编码：

{%fortypeinshop.enabled_payment_types%}

将其更换为：

{%assignenabled_payment_types=visa,master,american_express,paypal|remove:|split:,%}{%fortypeinenabled_payment_types%}

在您刚黏贴的源代码中，有一个用分号隔开的付款服务供应商目录：visa,master,american_express,paypal。您包括在这里目录中的付款服务供应商将决策在线商店上表明的付款图标。您可以按照要求编写付款服务供应商目录。

您可以采用的值如下所示所显示：

-`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`-`visa`

点击储存。

Shopify商家官方网站全文详细信息：

Choosewhichpaymenticonstodisplay

Note

IfyouuseafreethemefromShopify,thenyoumightbeabletocontactShopifySupportforhelpwiththistutorial.Itrequires15minutesofdesigntime.Tolearnmore,refertoSupportforthemes.

Note

ThiscustomizationisforvintageShopifythemes,anddoesntapplytoOnlineStore2.0themes.

Findoutyourthemesarchitectureversion

ExploreOnlineStore2.0themecustomizations

AllfreeShopifythemesincludetheoptiontodisplaypaymenticonsinyourfooter.Theiconsthatshowaredeterminedbyyourstorespaymentsettingsandthecustomersregionandcurrency.Youcanenablepaymenticonsinthethemeeditor.Ifyouwanttoaddorremovepaymenticonswithoutchangingyourpaymentsettings,thenyoucandosobyeditingyourthemecode.

Enablepaymenticonsinyourfooter

Thefirststepofthecustomizationistoenablethepaymenticonsinyourfooter:

Gotothethemeeditor.

ClickFooter.

ChecktheShowpaymenticonscheckbox.

ClickSave.

Caution

IfyoudonotuseafreethemefromShopify,andyourthemedoesntincludetheoptiontoenablepaymenticonsinthefooter,thenthiscustomizationwontworkforyourtheme.

Editthecodeforyourpaymenticons

Inthisstep,youwillchangethewaythatpaymenticonsareassignedtoyourfooter.Bydefault,yourthemeshowstheiconsthatareassociatedwiththepaymentgatewayyouhaveenabledinthepaymentsettingssectionofyouradminandthatareavailableforthecurrentcustomersregionandcurrency.Withthiscustomization,youwillmanuallyaddorremovethepaymenticonsthatyouwanttodisplay.

Toeditthecodeforyourpaymenticons:

PC：

FromyourShopifyadmin,gotoOnlineStoreThemes.

Findthethemeyouwanttoedit,andthenclickActionsEditcode.

IntheSectionsdirectory,clickfooter.liquid.Ifyourthemedoesntincludethisfile,thenclicktheme.liquidintheLayoutdirectory.

iPhone：

FromtheShopifyapp,tapStore.

IntheSaleschannelssection,tapOnlineStore.

TapManagethemes.

Findthethemeyouwanttoedit,andthenclickActionsEditcode.

IntheSectionsdirectory,clickfooter.liquid.Ifyourthemedoesntincludethisfile,thenclicktheme.liquidintheLayoutdirectory.

Android：

FromtheShopifyapp,tapStore.

IntheSaleschannelssection,tapOnlineStore.

TapManagethemes.

Findthethemeyouwanttoedit,andthenclickActionsEditcode.

IntheSectionsdirectory,clickfooter.liquid.Ifyourthemedoesntincludethisfile,thenclicktheme.liquidintheLayoutdirectory.

Findthefollowingcodeinthefile:

{%fortypeinshop.enabled_payment_types%}

Replaceitwith:

{%assignenabled_payment_types=visa,master,american_express,paypal|remove:|split:,%}{%fortypeinenabled_payment_types%}

Inthecodethatyoujustpasted,thereisalistofpaymentprovidersseparatedbycommas:visa,master,american_express,paypal.Thepaymentprovidersthatyouincludeinthislistwilldeterminewhichpaymenticonsdisplayonyouronlinestore.Youcaneditthelistofpaymentproviderstosuityourneeds.

Thevaluesthatyoucanusearelistedbelow:

-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-visa

ClickSave.

文章内容由来：Shopify商户官方网站