welcartでのクレジット決済エラー

Question

welcartにてソニーペイメントでのクレジットカード決済を導入したのですが、決済時にエラーが発生しており
原因は突き止めたのですが、その対処法が分からず困っております。

——————————————–
WordPress のバージョン：（5.4.2）
Welcart のバージョン：（1.9.31）
PHP のバージョン：（7.2）
テーマ：（WelcartBasic の自作子テーマ）
症状を確認したブラウザ：chrome
サーバー：kagoya
SSLの利用：（常時SSL）
デバイス:imac
——————————————–

現象
サイト内にて、会員登録、クレジット登録は問題なく行われており、他は異常なし
カートに商品を入れ、決済画面に進み、クレジットカードで決済を進めようとすると
「カード情報を正しくご入力ください。」というエラーが出る。
ソニーペイメントに確認すると「同じトークンが利用されているためのエラー」として回答があり
決済画面のソースでフォームを調べてみると

<input type="hidden" name="token" id="token" value="">

とtoken部分が空になっているのを確認。
そこでこのtokenの生成箇所を調べたところ
下記ファイルに生成したtokenをセットする記述

cart_escott.js

function setToken( token, card ) {
	if( token ) {
		document.getElementById( "token" ).value = token;
		document.getElementById( "delivery-form" ).submit();
	} else {
		document.getElementById( "escott-token-response" ).value = "";
	}
}

それと上記を発動させる記述が

paymentWelcart.class.php

public function enqueue_scripts() {
		global $usces;

		//発送・支払方法ページ、クレジットカード情報更新ページ
		if( !is_admin() && $this->is_validity_acting( 'card' ) && ( 'delivery' == $usces->page || 'member_register_settlement' == $usces->page || 'member_update_settlement' == $usces->page ) ):
			$acting_opts = $this->get_acting_settings();
			if( isset( $acting_opts['card_activate'] ) && 'token' == $acting_opts['card_activate'] ):
?>
<script type="text/javascript"
src="<?php esc_html_e( $acting_opts['api_token'] ); ?>?k_TokenNinsyoCode=<?php esc_html_e( $acting_opts['token_code'] ); ?>" callBackFunc="setToken" class="spsvToken"></script>
<?php
			endif;
		endif;
	}

外部ファイルにアクセスした結果　callBackFuncで呼び出している模様

サイトのソースを見るとheader内に

<script type="text/javascript" src="https://www.test.e-scott.jp/euser/stn/CdGetJavaScript.do?k_TokenNinsyoCode=
トークン決済認証コード" callbackfunc="setToken" class="spsvToken"></script>

という記述を発見しましたので、paymentWelcart.class.php内のenqueue_scripts()は機能しているかと思われます。
試しに下記のようにsetToken内にconsoleを書いてみましたが反応はありません。

cart_escott.js

function setToken( token, card ) {
console.log('test');
	if( token ) {
		document.getElementById( "token" ).value = token;
		document.getElementById( "delivery-form" ).submit();
	} else {
		document.getElementById( "escott-token-response" ).value = "";
	}
}

ちなみに、chromeの開発ツールのエレメントで

<input type="hidden" name="token" id="token" value="適当な数字">

に直接適当な値を入れて実行したら決済画面は次に進みましたので、tokenが設定されていないのが原因だと思われます。

Comments

[退会済みユーザー]

https://www.welcart.com/community/forums/topic/%e3%82%af%e3%83%ac%e3%82%b8%e3%83%83%e3%83%88%e6%b1%ba%e6%b8%88%e3%80%80%e3%83%88%e3%83%bc%e3%82%af%e3%83%b3%e3%80%80%e9%9d%9e%e9%80%9a%e9%81%8e%e5%9e%8b%e3%81%a7%e3%82%a8%e3%83%a9%e3%83%bc

[u-sukesan]

すいません、同一人物です。共に解決しておりません

Answer 1

カート部分のボタンのclass名をカスタマイズしたことで、エラーが出ていたようです。
デフォルトのclass名に変更して解決いたしました。