ワードプレスで子テーマから数値の桁を修正する方法

Question

行き詰ったので教えてください。

当方ワードプレスを使用しています。テーマは「Sydney」です。基本はテーマの機能（elementerなど）から修正するようにしていますが、できなかった場合のみ子テーマのCSSを変更して修正しています。

プラグイン：Appointment Hour Bookingを使って予約フォームを作成していますが、その中で問題が発生しています。

今回はたぶんCSSの管轄外の変更になると思い、経験がなかったためご質問させていただいています。

下記イメージの下の方に「30000.00円」とありますが、これを「30000円」に変更したいです。桁を変えたい時、親テーマではなく子テーマから変更するにはどのようにすればよいでしょうか？

cost...は、自動で計算されています。

Answer 1

ちょっとコード追ってみた
予想通りnumber_formatを使ってはいたけど
直接小数点以下の桁数を変更する手段はなし
データ投稿時にデータ内容をいじる手段は
用意されているみたいなのでそっちで

add_action('cpappb_process_data',function(&$params){
  $params['final_price']=substr($params['final_price'],0,-3);
});

Comments

[fuku-chann]

kazuhiroHatano様
ご回答いただきありがとうございます。
教えていただいたコードは子テーマのfunctions.phpに記載するという理解でお間違いないでしょうか？

[KazuhiroHatano]

＞子テーマのfunctions.php

そうです、ただしこれは出力時ではなく投稿時の処理なので
投稿済みのものには更新をしないと反映しません

[fuku-chann]

kazuhiroHatano様
ご回答ありがとうございます。
一点確認させて下さい。
出力時とはホームページ上で計算されるときのことでしょうか？
また、投稿時とはメールに記載されるときのことでしょうか？

[KazuhiroHatano]

投稿時とはデータベースに保存される時です

appointment-hour-booking/cp-main-class.inc.php
CP_AppBookingPlugin::data_managementにて
$wpdb->updateをする直前にcpappb_process_dataフィルタを通されます

[fuku-chann]

kazuhitoHatano様
ご回答大変感謝いたします。
出力時のやり方が知りたかったのですが、方法がないのでしょうか。。。
もう少し探してみたいと思います。

[KazuhiroHatano]

小数点を追加してるのはここ

js/fields-public/35_fbuilder.fapp.js line:673

total = total.toFixed(2);

ここをスキップさせたり値を変えたりする手段は用意されてない
なので変更のタイミングで出力を加工するしか手段はないかと思われ

直近にtriggerされるイベントは

$(document).trigger("afterOnChange",{name:me.name, me:me});

[fuku-chann]

KazuhiroHatano様
たびたびご返信いただきありがとうございます。
function.phpは触ったことがないので、加工前に確認させてください。
２３行目にご紹介いただいた下記のコードを入力すればよいのでしょうか？（質問分の最後にfunction.phpの画像を追加しましたのでご確認ください。）
$(document).trigger("afterOnChange",{name:me.name, me:me});

[KazuhiroHatano]

先のコメントは方法に至るヒントを示したのみです

出力はJSで行われています、JSで対応するしかありません

しかしtoFixの引数は変数になっていないので変えられず
出力時にtoFixの処理をスキップする手段もどうやら用意されていません

幸いスロットの出力のタイミングでイベントが発火しているので
このタイミングで値段のテキストを加工すれば対応できそうです

$(document).on("afterOnChange",function(event){
//ここで値段の表記の箇所を見つけて.00を除去する処理を書く
});

[fuku-chann]

KazuhitoHatano様
ご回答ありがとうございます。
初歩的な質問ですみませんが、どのファイルを閲覧されていますでしょうか？
大変恐縮ですが、ご教示お願いいたします。

[KazuhiroHatano]

appointment-hour-booking/js/fields-public/35_fbuilder.fapp.js
です

[fuku-chann]

kazuhitoHatano様
ご回答ありがとうございます。
コード見つかりました。とても長いコードでビックリしました。解読していただき大変感謝いたします。
コードは下記のような感じになりますでしょうか？
750 $(document).on("afterOnChange",function(event){
751 total = total.toFixed(0);
});

[KazuhiroHatano]

プラグインのファイルを直接編集しようとしてますかね

それはダメです、プラグインに更新がかかったら上書きされます

$(document).on("afterOnChange",function(e){
var $tgt=$('.usedSlots'+e.me.name+' .totalCost .n');
$tgt.text($tgt.text().replace('.00',''));
});

みたいな感じじゃないですかね
どこにどう書くべきかは自分で

[fuku-chann]

kazuhiroHatano様
ご回答ありがとうございます。
直接編集しようとしていました。更新で消えてしまいますね。ありがとうございます。
子テーマでやり方を探してみます。（もしかしたら別の質問で相談させていただくかもしれませんが）
コードがわかったので大きく前進できました。
ありがとうございました。
この質問は解決にしたいと思いますが、その前に一点教えてください。
どのようにして該当のコードが下記ファイルにあるとわかったのでしょうか？（jsファイル多数あったと思います）
appointment-hour-booking/js/fields-public/35_fbuilder.fapp.js
いろいろとお調べいただいたと思いますが、今後のために見つかるまでの経緯をご教示いただますと幸いです。

[KazuhiroHatano]

プラグイン内を出力されるコードのクラス名で検索ですかね

そこから周辺のコードを読んでどうやって出力してるのか
どのような加工手段が用意されてるか見る感じです

[fuku-chann]

kazuhiroHatano様

ご回答ありがとうございます????‍♂️
度々恐縮ですが、プラグイン内を出力されるコードのクラス名はどのように調べるのでしょうか？
また、検索はjsのファイルを一つ一つ開いて検索していく、ということでしょうか？

[KazuhiroHatano]

それなりの開発用のソフトならプロジェクト内の検索機能ぐらいは
大概ついてるんじゃないかと思います

それでなくてもMacでもWinでも
フォルダを対象にして検索で見つけられるかと思います

[fuku-chann]

kazuhiroHatano様
ご回答ありがとうございます。
解決いたしました。