お買い物ガイド内の見出しにリンクを付ける方法について(アンカーリンク)

上記リンクを押すと以下の様にご利用ガイドページが表示されるのですが、

ご利用ガイドページトップでは無く、ご利用ガイド文中の「お支払い方法について」の項目が表示される様にしたいです。どの様に設定すればよろしいでしょうか?

以下の様にご利用ガイドトップの表示では無く、文中のお支払い方法についてを一番上に持ってきたいです。

詳しく教えていただけると助かります。何卒よろしくお願いいたします。

リンクや移動先部分の状態が不明ですが、基本的には以下などを参考にしてリンクと移動先のIDを設定すればよいと思います。

https://www.tagindex.com/html_tag/link/a_url_id.html

説明不足で申し訳ございません。
ご返答ありがとうございます。
手法としては理解できましたが、以下方法が分かりませんでした。

リンク先の「ご利用ガイド」についてはオンラインストア>ページ画面で作成しており、
HTMLの編集が可能でした。

リンク元についてはオンラインストア>メニュー画面で作成しており、
こちらはかなり探しましたがHTMLの編集場所を見つける事が出来ませんでした。。
HTMLの編集方法を教えていただけると助かります。

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

詳細を記載いただきありがとうございます。

HTMLの編集方法を教えていただけると助かります。

上記ですが状況を把握しかねています。

ここまでの流れを踏まえますとHTML編集でなく「メニューでリンク先のアンカー付きURLを設定する(例: https://example.myshopify.com/pages/foo#bar )」ことが必要だと思うのですが、メニューにはURLの入力欄が用意されているため、入力欄が見つからないということはないように思われるためです。

[参考] https://help.shopify.com/ja/manual/online-store/menus-and-links/editing-menus

上記のURL設定ではなくメニューのHTML自体を編集したいという場合は、直接テーマ内のファイルを編集するしか方法がないと思います。

該当の箇所はテーマごとに違いがあるため一概には言えませんが、管理画面内の「コードの編集」かテーマをダウンロードして以下などの方法で探せると思います。

  • theme.liquidあたりから読み込まれているファイルを辿る
  • おそらくファイル名に「menu」という単語がついている可能性が高いので、ファイル名から探す
  • テーマファイルをローカルにダウンロードした場合は、テキストエディタなどで開き、クラス名などを手掛かりにして検索する

無知な所を丁寧にご説明いただきありがとうございます。
解決いたしました。