WoocommerceとSquareの連携

WoocommerceとSquareの連携をした。
Woocommerce Squareという簡単に連携できるプラグインがあるのだが、なぜかクレジットカードの入力フィールドが表示されなかった。

原因は支払いページをショートコード[woocommerce_checkout]で実行していたことだった。
細かいことはわからないが、Woocommerceインストール時に作成される支払いページにあるブロックテーマをそのまま使用すればちゃんと入力フィールドが表示された。

しかし、ブロックテーマのカスタマイズ方法がわからないので戦いは続く...
どうしたら顧客情報のフィールドを減らせるのやら🥲

ショートコードが問題ではなかった。
次の3つのテーマを試したとき、自作のテーマでだけ入力フィールドが表示されなかった。

テーマ	決済ページのスタイル	フィールドの表示
TwentyTwentyFour	ブロックテーマ	true
Storefront	ショートコード	true
自作のテーマ	ショートコード	false

これは明らかにショートコードが悪いのではなく、自作のテーマの構成が悪いことを表していた。
結果何が原因かを特定すると、jQueryとのコンフリクトが発生していた。

決済ページのみjQueryの読み込みを外して対応完了。