購入後画面のでの上部にあるロゴのリンク変更

Topic summary

課題: 購入後(注文完了)ページの上部ロゴのリンク先をShopifyホームから別サイトURLへ変更したい。

方針:

  • 方法1: Liquid(Shopifyのテンプレート言語)を直接編集。ただし編集可能なのはShopify Plusのチェックアウト(住所・配送・支払い)ページに限られる。
  • 方法2: 管理画面→設定→チェックアウト→注文処理の「追加スクリプト」でJavaScriptによりロゴのリンク(href)を書き換える。

訂正/重要点:

  • 注文完了ページ(Order status page)は基本的に「追加スクリプト」で対応。Liquidでの直接編集はチェックアウトページのみ(Plus限定)。

実装:

  • ロゴ要素のhrefを目的のURLに置き換えるJavaScriptの例が提示(本文では具体コードは未掲載)。
  • 公式ドキュメントの参照リンクが共有済み。

結果/現状:

  • 質問者はShopify Plusではないため、「追加スクリプト」でJS実装を行う方針で合意。
  • 議論は解決済み(お礼で締め)。
Summarized with AI on February 14. AI used: gpt-5.

どなたか力をお貸しください。

購入した後の画面で、画面上部にロゴが表示されますが、どのリンク先の変更をしたいと思っています。

現在はshopifyのhomeに設定されていますが、別のサイトのURLに変更したいです。

どういった方法があるか教えてくださいませんでしょうか?

よろしくお願いします。

注文完了ページはliquidファイルを直接編集する方法と、Shopifyの設定画面から編集する方法がありますが、

前者はShopify Plusのプランをご利用中の場合のみ可能な編集方法になります。

後者でしたら、Shpoify管理画面左下の設定 → チェックアウト → 注文処理 の「追加スクリプト」よりJavaScriptなどを使ってURLの差し替えが可能かと存じます。

参考になりましたら幸いです。

参考ドキュメント:

https://help.shopify.com/ja/manual/orders/status-tracking/customize-order-status

https://help.shopify.com/ja/manual/orders/status-tracking/customize-order-status/order-status-javascript-asset

1 Like

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

こちらShopify Plusのプランではなく、JavaScriptなどを使ってURLの差し替えになるとは思うのですが、ロゴのURLを変更するというスクリプトはどういった内容の記述になるのでしょうか?

もしよろしければ、教えていただけますでしょうか。

一例ですが下記のような記述でURLの変更が可能です。


また、前述の内容について1点訂正がございます。
Shopify Plusのプランでのみ編集可能なファイルはチェックアウトページ(住所、配送、支払い)ですので、注文完了ページは基本的には「追加スクリプト」で対応する形になります。
わかりずらい記述をしてしまい申し訳ございません。

1 Like

ありがとうございました!