WooCommerce Stripe で JCB決済ができるようになった後、チェックアウトページにJCBのアイコンを表示する

2020年11月9日

大東信仁（ものくろ）

WooCommerce

WooCommerceにて、Stripeを使ったクレジットカード決済には、WooCommerce Stripe Payment Gateway プラグインを使う。

2020年11月現在、Stripeで新規アカウントを作成すると（法律に基づく表記のページが揃っているなどの要件を満たせば）JCBのクレジットカードも決済できるようになる。

（アカウント開設後、約1週間ほどで、JCBクレジットカードも決済できるとのメールが届く様子）

ただし、StripeでJCBクレジットカードの決済ができるようになっても、チェックアウトページ（決済画面）に表示されているクレジットカードブランドのアイコンは、自動で増えない。

JCBのアイコンを表示するには、以下のコードをfunctions.phpに追記する。

なお、JCBアイコンのデータ自体は、プラグインの中にこそっと持っているので、コードを追記するだけで、JCBのマークが表示される。

/**
 * add JCB icon in checkout page
 */
 
function add_stripe_icon( $icon_html, $id ) {
    if($id=="stripe") {
        $icon_html .= '<img src="/wp-content/plugins/woocommerce-gateway-stripe/assets/images/jcb.svg" class="stripe-jcb-icon stripe-icon">';
    }
    return $icon_html;
}
add_filter('woocommerce_gateway_icon','add_stripe_icon',10,2);