ページ内リンク(アンカーリンク)の付け方

Topic summary

ページ内リンク(アンカーリンク)を設定する方法についての質問。

質問内容:

  • セクションにリンク先のIDを設定したい
  • JSONファイル内での設定方法を知りたい

回答のポイント:

代替手段として可能な方法:

  • 既存のHTMLタグに任意のIDを付与
  • 新たに子要素や兄弟要素としてHTMLタグを追加してIDを付与
  • 既存のIDを利用

セクションスキーマのドキュメント(https://shopify.dev/docs/themes/architecture/sections/section-schema)で詳細確認が推奨されている。

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.

ページ内リンク(アンカーリンク)を設定したいのですが、

セクションにリンク先のIDを設定する方法ありますでしょうか。

該当のjsonファイル内にコード設置する方法等あればご教授頂けると助かります。

よろしくお願いいたします。

該当のjsonファイル

https://shopify.dev/docs/themes/architecture/templates/json-templates

上記jsonテンプレートのことであれば、対応は無理だと思います。

セクション内のSchemaの場合でもidの設定はできないと思います。

以下などのドキュメントや実際に出力されるセクションの状態を確認ください。

https://shopify.dev/docs/themes/architecture/sections/section-schema

ただし以下のような方法で対応は可能です。

  • 既存のidを利用する
  • 既存のHTMLタグに任意のidを付与する
  • 新たに子要素や兄弟要素としてHTMLタグを追加し、任意のidを付与する