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

  • ブックマーク

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

Youtube

  • ブックマーク

この記事を書いた人

情報発信ナビゲーター 大東 信仁

情報発信ナビゲーター / 博士課程中退 / ニックネーム : ものくろ / ブロガー / WordPressが得意 / orz レイアウト開発者 / 株式会社 あみだす 代表取締役