アフィリエイト広告を利用しています

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

wordpress

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);

この記事を書いた人

大東 信仁

カンパチが好きです。

プロフィールはこちら

10月14日開催 参加者募集中
(画像をタップ→詳細へ)

ミッションナビゲート モニター
(画像をタップ→詳細へ)

広告