welcartの最終注文ボタンを動的に変えるメモ

welcartのカートページで少し気に入らなかった部分が、カートページ最後の『上記内容で注文する』というボタン。paypalなら専用のボタンが出るけど、ベリトランスだと出ない。多分、他の決済も出ないんだと思う。
そのままでも問題は無いんだけど、クレジットやコンビニの場合は『決済に進む』が適切だと思うのでjqueryで動的に変える事にしたメモ。

広告

テーブル内の文字を拾って文字の入れ替え

『上記内容で注文する』はinputの中を変えれば良いだけだからattrを使って、あとはテーブル内に指定のテキストがある場合の分岐をさせれば良い。

<script type="text/javascript">
jQuery(function($){
    var wctb = $('#wc_confirm #confirm_table td');
    if ( wctb.is(":contains('クレジットカード')") || wctb.is(":contains('コンビニ決済')") ) {
        $('#purchase_button').attr({ value: '上記内容で決済に進む' });
    }
});
</script>

こんな感じ。

これで、クレジットとコンビニの場合はinputの文字が変わるようになる。
valueの文字が変わっても大丈夫なようだったので問題無いと思う。

広告

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です