Shopifyのテーマ「Dawn」のコレクションページでページをロードせずに連続してページを読み込めるようにする設定例

Shopifyのテーマ「Dawn」のコレクションページで、ページを切り替えることなく２ページ目以降を動的に読み込めるようにするための設定例です。スマホで一瞬チラついてしまうのですが、商品詳細から戻ってきた時や画面をリロードした際も、直前の読み込み状態を保持します。

テーマ「Dawn」のコレクションページでページをロードせずに連続してページを読み込めるようにする設定例

【設定方法】コレクションテンプレートにカスタマイズされたLiquidセクションを追加してコードを挿入