Shopifyのテーマ「Dawn」の商品詳細で、ページ内スクロールメニューを設置するための「ブロック」設定例です。掲載内容の充実はとても重要ですがその分閲覧率の低下も懸念されるため、項目を明示しつつ誘導できるページ内ナビは特にスマホの直帰率改善に有用です。
テーマ「Dawn」の商品ページでページ内リンクを設置できるブロックの設定例

設定手順①「main-product.liquid」にschemeと表示用コードを修正(商品情報の新規ブロック作成)

設定手順②:商品テンプレートの商品情報セクションに新規作成した「ナビゲーション」ブロックを追加して、各設定項目を指定

