WordPress PR

【WordPress】WooCommerceの注文完了画面のタイトルを変更する

管理人 2018年5月7日 / 2018年5月8日

記事内に商品プロモーションを含む場合があります

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;
}

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に、表示させたい文言を設定してください。

修正後の注文完了画面

「ご注文」から「ご注文完了」に変更されました。

php WooCommerce

POSTED COMMENT

みおより:

2018年9月1日 10:48 PM

こんにちは、Woocommerceのカスタマイズについて調べていてたどり着きました。
/checkout/order-received/ ->このページに、別途「ご購入ありがとうございました」みたいな内容を表示させたいのですが、このページの存在がみつけられません。通常は固定ページにあるのでしょうか？
/checkout/のページだと、支払いが完了する前の人にも見えてしまうので、支払い後のユーザーにだけメッセージを表示させたいのですが..。初心者の質問ですみません。宜しければ教えてください。

返信
- 管理人より:
  
  2018年9月2日 12:19 AM
  
  記事を読んでいただきありがとうございます。
  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
  
  返信