WordPressのプラグインWooCommerceで、注文画面(checkout)と注文完了画面(サンクスページ)のタイトルが同じで紛らわしいため、注文完了画面のタイトルを変更することにしました。
目次
前提
・プラグイン「WooCommerce」インストール済み
・プラグイン「WooCommerce For Japan」インストール済み
・子テーマ作成済み
・固定ページcheckoutのタイトルを「ご注文」に変更
注文画面（checkout）
注文画面
カートから「お支払いへ進む」ボタンをクリックすると遷移する画面です。
固定ページのタイトルに設定した「ご注文」が表示されています。
注文完了画面
注文画面から「注文する」ボタンをクリックすると遷移する画面です。
注文画面と同様、固定ページのタイトルに設定している「ご注文」が表示されています。
今回はこちらのタイトルを「ご注文完了」に変更します。
functions.phpのカスタマイズ
functions.php
子テーマのfunctions.phpに以下のコードを追加します。
add_filter( 'the_title', 'title_order_received', 10, 2 );
function title_order_received( $title, $id ) {
if ( is_order_received_page() && get_the_ID() === $id ) {
$title = "ご注文完了";
}
return $title;
}
4行目の$titleに、表示させたい文言を設定してください。
修正後の注文完了画面
「ご注文」から「ご注文完了」に変更されました。
コメント
コメント一覧 （2件）
こんにちは、Woocommerceのカスタマイズについて調べていてたどり着きました。
/checkout/order-received/ ->このページに、別途「ご購入ありがとうございました」みたいな内容を表示させたいのですが、このページの存在がみつけられません。通常は固定ページにあるのでしょうか？
/checkout/のページだと、支払いが完了する前の人にも見えてしまうので、支払い後のユーザーにだけメッセージを表示させたいのですが..。初心者の質問ですみません。宜しければ教えてください。
記事を読んでいただきありがとうございます。
order-receivedのページに、デフォルトでは「ありがとうございます。ご注文を承りました。」と表示されていると思います。
wp-content/plugins/woocommerce/templates/checkout/thankyou.php内の83行目付近の’Thank you. Your order has been received.’がその部分で、さらに日本語訳されています。
もしこれを修正したいのであれば、【WordPress】WooCommerceの日本語翻訳を修正すると同じ要領で、翻訳前の文を’Thank you. Your order has been received.’にして、翻訳後の文を’ご購入ありがとうございました。・・・’のようにすれば、表示を変更することは可能です。
直接ファイルを修正しない簡単な方法ですと、注文番号や日付などが表になっている真下に表示される文章の編集ではいかがでしょうか。
例えば銀行振込の場合、管理画面よりWooCommerce→設定→決済→銀行振込（日本向け）→説明書きの内容が反映されています。
説明が分かりづらかったら申し訳ありませんm(_ _)m