以免费主题Debut为例,演示Shopify店铺如何替换页面支付图标

以免费主题Debut为例: 01开启显示支付图标选项 点击Online Store -> Themes -> Customize -> Footer,如下图,选中Show payment icons。02修改Footer代码 在Online

以免费主题Debut为例:

    

01

开启显示支付图标选项

    点击Online Store -> Themes -> Customize -> Footer,如下图,选中Show payment icons


02

修改Footer代码

    

    在Online Store -> Themes -> Actions -> Edit Code,选择footer.liquid,搜索‘{% for type in shop.enabled_payment_types %}’,如下图:

    

    将以上搜索的代码替换为下面的代码。 

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


    并删除以下两行代码。


03

可选支付图标选项

    第二步中enabled_payment_types的值是可变的,不同的支付方式用逗号隔开。可选的值是固定的,列表如下: 

  • american_express

  • apple_pay

  • bitcoin

  • dankort

  • diners_club

  • discover

  • dogecoin

  • dwolla

  • forbrugsforeningen

  • google_pay

  • jcb

  • klarna

  • klarna-pay-later

  • litecoin

  • maestro

  • master

  • paypal

  • shopify_pay

  • sofort

  • visa

    最终的页面显示效果跟系统自动生成的是一模一样的,如下图:

  


相关推荐

[!--temp.pl--]