Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

共有:
通知
すべてクリア

[解決済] Cost Calculator Contact Form 7の計算機能が使えなくなってしまった件2

31 投稿
4 ユーザー
12 Reactions
1,309 表示
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

お世話になってます。

 

前回こちらのトピックをたてさせていただき無事解決しましたが、今週にはいってまた動かなくなってしまいました。

https://wp-cocoon.com/community/cocoon-theme/cost-calculator-contact-form-7%E3%81%AE%E8%A8%88%E7%AE%97%E6%A9%9F%E8%83%BD%E3%81%8C%E4%BD%BF%E3%81%88%E3%81%AA%E3%81%8F%E3%81%AA%E3%81%A3%E3%81%A6%E3%81%97%E3%81%BE%E3%81%A3%E3%81%9F%E4%BB%B6/

 

今年2/7前後では計算が正しく表示されていたのですが、本日計算ができてないことに気づきました。

 

前回トピックの解決方法であったテーマのロールバックはすでに実行しましたがうまくいきませんでした。

 

昨年12/5の最新のWebbacktimemachineでは計算がまた動いているのでひょっとして同じ現象かな?とおもってトピックを立てさせていただきました。

https://web.archive.org/web/20221205234135/https://okaimono.kunsei-kunkun.com/

 

お手好きの際に解決方法がございましたらご提示いただけたら幸いです。

 

----------------------------------------------
サイト名:燻薫~Kunkun~Online Store
サイトURL: https://okaimono.kunsei-kunkun.com
ホームURL: https://okaimono.kunsei-kunkun.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.1.1
PHPバージョン:7.4.33
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8,zh-TW;q=0.7,zh;q=0.6
----------------------------------------------
テーマ名:Cocoon
バージョン:2.5.6.7
カテゴリー数:5
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.1
style.cssサイズ:719バイト
functions.phpサイズ:391バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2020/07/kunkun-2.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 5.0.2
Classic Editor 1.6.2
Conditional Fields for Contact Form 7 2.3.3
Contact Form 7 5.7.3
Contact Form 7 Serial Numbers 0.8.1
Contact Form 7 Shortcode Enabler 1.1
Cost Calculator Contact Form 7 1.0
Cost Calculator Contact Form 7 Pro 1.0
Enable Media Replace 4.0.2
Favicon Rotator 1.2.10
Honeypot for Contact Form 7 2.1.1
Jetpack 11.8
Loco Translate 2.6.3
Popup Builder 4.1.14
Really Simple SSL 6.2.0
Regenerate Thumbnails 3.1.5
Shortcodes Ultimate 5.12.7
SiteGuard WP Plugin 1.7.3
TablePress 2.0.4
WP-Doctor Malware Scanner & Security Pro 2.3.2
wp-jquery-lightbox 1.4.8.3
WP Add Custom CSS 1.1.6
WP Rollback 1.7.3
zipaddr-jp 1.35
----------------------------------------------


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17220
 

ちょっと前のバージョンで古いjQueryを使用できなくしました。
なのでカスタマイズで対応するしかないかもしれません。
子テーマのfunctions.phpに以下のコードを貼り付けるとどうなりますでしょうか。

function get_jquery_version(){
  return '1';
}

それでもうまくいかない場合は以下のコードも追記してください。

function get_jquery_migrate_version(){
  return '1';
}

ただし古いjQueryを使用するということは、それだけセキュリティ面とかにも問題が出てくる可能性が高いので利用を推奨するものではありません。
利用は自己責任でお願い致します。


   
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@yhira 

ご返信ありがとうございます。

いま子テーマfunction.phpに2つを貼り付けてみましたが何も変化がないようです。

 


   
chu-ya
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 2946
 

@nvnme さん

記載された前のページと今回のページを比較しました。
何かページのデザインを変更しましたか?

購入数量とか計算結果を表示する場所に、HTMLタグがなく。
Cost Calculator Contact Form 7が計算結果を表示する為のショートコードは正しいのでしょうか?


   
わいひら reacted
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@chu-ya 

ご返信ありがとうございます。

デザイン変更はあまりしていません。

テーブルタグのところはショートコードで

[calculator count "(menu-006+menu-007+menu-009+menu-011+menu-012+menu-014+menu-017+menu-018+menu-019+menu-020+menu-021+menu-022+menu-024+menu-026+menu-099+menu-030+menu-031)"]

こういった形の計算式になってます。

実際に2/7までに編集を行い上記ショートコードで動作確認まで完了していました。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17220
 

ソースコードを見るとjQueryは古いものになっているようですけど。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17220
 

あ、jQuery読み込みの優先度が1なだけで、jQuery 1.xとかではないのか…。
カスタマイズは元に戻しても良いのかもしれません。

2/7からテーマアップデートを行なったとかはあるのでしょうか?
2/7から何か行ったことがあるのであれば教えてください。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17220
 

親テーマ/lib/scripts.phpの

add_action( 'wp_enqueue_scripts', 'wp_enqueue_jquery', 1 );

を試しに以下のようにするとどうなりますでしょうか。

add_action( 'wp_enqueue_scripts', 'wp_enqueue_jquery' );

https://github.com/xserver-inc/cocoon/blob/6e167ca36ca5d9a7d88558a177f2780e4f14fd70/lib/scripts.php#L10


   
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@yhira 

プラグインは自動更新設定がされているのでいくつか自動更新されているはずですがそれ以外のアップデートは一切してないはずです。


   
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@yhira 

特に変化はないですね…。


   
chu-ya
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 2946
 

新旧のHTMLを見るとテーブル内に差異があります。
新の方は<p></p>で囲まれており。

また、新はinputタグがありません。(図参照)

PHPでHTMLタグを出力し、JSでinputタグ中のdata属性formulasを取得し計算結果を表示。
(Cost Calculator Contact Form 7 Free版)

ショートコードが正しく読まれていないのでは?と思います。
恐れ入りますが、再度、ショートコードの確認を願います。


   
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@chu-ya 

なるほど…。だとすると計算のプラグイン側に問題があるということですかね?

確かにテーブルタグの表示が奇妙だなと思います。

 

コンタクトフォームでは

添付のような形で記述されているんですが確かにタグには出てないですね。

 

ショートコードがいきなり使えなくなるとかありえるんですかね。

このプラグイン自体は1年ほど更新されてないんです


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17220
 

https://wp-cocoon.com/community/postid/68005/

これはとりあえず元に戻しておいてください。


   
chu-ya
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 2946
 

他のテーマ「Twenty Seventeen」では問題なく表示されるのですか?
Cocoonか否かの切り分けの為。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7953
 

Cocoon 2.5.6.7、WordPress 6.1.1、PHP 7.4.30で以下のようにやってみました。
(PHP 8.0で試すと、エラーが大量にでて焦りました)

 
 
このプラグインの使い方は、まったく分かりませんので、私には複雑なことはできませんが、これだけだと動くみたいです。
(Pro版も使っていません、有料ですし。Pro版は2月に更新があったばかりのようです。)
 
Cocoonが原因なんでしょうか。
複雑なことをすると、何か変化があるのでしょうか。
 
何をすれば、再現できるのかが分かると良いですね。

   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7953
 

ちなみに、無関係とは思いますが。

ソースを見ると、以下のような表示がありました。

 
HTMLチェッカーで確認すると、不備がある様子ですね。
(申し訳ないですが、詳しくは見てないです)

   
わいひら reacted
chu-ya
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 2946
 

@mk2_mk2 さん

Free版だと、calculatorと言うショートコードがなく。

以下は出力されており、何かのミスで(プラグインの問題ではなく)、あるべきinputタグが出力されておらず。
本来ある要素がない為、JSの計算がスルーされ、正常終了する。

<span class="wpcf7-form-control-wrap count"></span>

   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7953
 

chu-yaさん

以下のことですね。

 
上記は、「購入数量(単位:個)」の結果欄です。
 
 
私の計算結果欄は、以下のように展開されています。
 
 
今のところ、再現できませんので、何とも言えないですね。
少なくとも、単純なものは、展開されるみたいですし。

   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7953
 

chu-yaさんも仰っていますが、原因の切り分けのために、WordPress公式テーマ(Cocoon以外)で、ご確認いただくと良さそうに思います。

以下のプラグインを使えば、テーマの切り替え、プラグインの有効無効を自由に切り替えることができます。

そして、影響はログインユーザーにしかありません。
(一般の閲覧者からは、テーマ変更されていないものとして見えます)

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin

 

上記で、WordPress公式テーマ(Cocoon以外)にしても同様の事象が発生する場合は、Cocoonが原因の可能性はかなり低いと思います。
(逆の場合は・・・ということも言えるかと)

(Pro版は、我々が試すことは難しいと思いますし)


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7953
 

ちなみに、Pro版は以下のように、更新されたばかりのようです。

 
WordPress 6.1系がないのは、意図的なのか、更新漏れなのか・・・。
(我々は試すことは難しいと思いますので、何とも言えないです)

   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7953
 

投稿者:: @chu-ya

Free版だと、calculatorと言うショートコードがなく。

上記が少し気になり、試したところ以下のようになりました。

 
 
やはり、Pro版がないと確認できなさそうですね。
(「calculator」はそのまま表示されてしまう・・・
 
そして、一見単純な計算もPro版でないと、できない感じなんですね。
(複数の計算結果の加算が・・・)
 
やはり、まずはWordPress公式テーマ(Cocoon以外)でご確認いただければと・・・。

   
わいひら reacted
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@yhira 

お返事遅くなりました。

かしこまりました。


   
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@chu-ya 

お返事遅くなりました。

いま確認したら動きませんでした。

これcocoon側の問題じゃないですね。お騒がせしてます。


   
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@mk2_mk2 

お返事遅くなりました。

動作確認していただきありがとうございます。

 

2月にpro版の更新があったとするとやはりその辺が怪しいですね。

いまcocoon以外のテンプレでの動作確認を行ったところ機能しないことが判明しました。


   
chu-ya
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 2946
 

@nvnme さん

投稿者:: @nvnme

2月にpro版の更新があったとするとやはりその辺が怪しいですね。

先入観を持たず、先ずmk2さんが指摘された、タグの記述ミスを修正してみて下さい。

 


   
わいひら reacted
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@mk2_mk2 

これも確かにソースみると出力されているんですが

編集上ではでてきてないんですよね…。何なんだろう…。


   
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@mk2_mk2 

このプラグイン便利ですね!

勉強になります。早速いれて試してみたいと思います。

 


   
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@chu-ya 

一つ一つ検証してます。

サポートありがとうございます!!


   
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@chu-ya @mk2_mk2 @yhira 

お世話になります。

あれから一つ一つプラグインの出し入れをして検証してみた結果

Conditional Fields for Contact Form 7が入っていると計算がされないことがわかりました。

こちらのプラグインとの相性の問題であることがわかりました。

 

お騒がせいたしました。

皆様の手厚いサポート、本当にありがとうございました。


   
わいひら reacted
chu-ya
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 2946
 

@nvnme さん

●気になった点
よく見ると、FreeとProの両方が入っており。
以前の問合せの時は、Freeは入っておらず。

  • Cost Calculator Contact Form 7 1.0
  • Cost Calculator Contact Form 7 Pro 1.0

以下プラグインですが、Cocoon標準で事足りるかと思います。

  • wp-jquery-lightbox 1.4.8.3
  • Classic Editor 1.6.2
  • WP Add Custom CSS 1.1.6

   
わいひら reacted
(@nvnme)
Eminent Member Registered
結合: 2年前
投稿: 19
Topic starter  

@chu-ya

入れたり入れなかったりでfree版のチェックを入れてみてそのままにしてしまいました。

最初このサイト作るときに入れたままのプラグインをそのままにしてしまってるところがあります。

ご指摘ありがとうございます。

 


   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました