WooCommerce添加、删除、更改支付方式的icon

WooCommerce的支付方式其实都可以放图标，以让用户知道这个支付方式支持哪些卡种之类的。其实设置icon的话有两种方式。

1、在支付方式中设置icon：

在__construct构造函数下添加，你可以找到设置id下方，添加：

比如内置的几种支付方式是这样设置为没有icon的：

cod：

$this->icon = apply_filters( 'woocommerce_cod_icon', '' );

cheque：

$this->icon = apply_filters( 'woocommerce_cheque_icon', '' );

bacs：

$this->icon = apply_filters( 'woocommerce_bacs_icon', '' );

2、使用过滤钩子设置：

如果插件中内置了钩子，你可以直接使用，比如上面的三个内置的在设置为空的时候添加了钩子，可以用钩子直接修改，比如上面的cod；

add_filter("woocommerce_cod_icon",function($icon){
    return '<img src="https://xxx.xxx.com/static/media/visa.745a6485.svg" > <img src="https://xxx.xxx.com/static/media/mastercard.262f85fc.svg" > ';
});

不过如果我们发现插件没有内置钩子，可以这样操作：

add_filter( 'woocommerce_gateway_icon', function( $icon, $id ) {
    if ( $id === 'payid' ) {
        return '<img src="https://xxx.xxx.com/static/media/visa.745a6485.svg" > <img src="https://xxx.xxx.com/static/media/mastercard.262f85fc.svg" > ';
        }
    return $icon;
}, 10, 2 );