商品情報にスキップ
【Dawn】Shopifyのテーマ「Dawn/Rise」のコレクションページに閲覧者が表示件数を変更できる機能を追加する設定例
公開日:2024.10.21

【Dawn】Shopifyのテーマ「Dawn/Rise」のコレクションページに閲覧者が表示件数を変更できる機能を追加する設定例

Shopifyのテーマ「Dawn/Rise」のコレクションページで、1ページあたりの表示件数をストアフロント側で変更できるようにする設定例です。変更した表示件数は、同じテンプレートを使用するコレクションで、購入完了するまで維持されます。


テーマ「Dawn/Rise」のコレクションページに閲覧者が表示件数を変更できる機能を追加する設定例


【設【(テーマRiseの場合)設定手順①】「sections/main-collection-product-grid.liquid」のコードを修正


【(テーマRiseの場合)設定手順②】「sections/main-collection-product-grid.liquid」のschemaを修正しテーマエディタでコレクションテンプレートのデフォルト表示件数を「12,24,36」の中から指定


コレクションページの表示件数を切り替える設定例を実装した際、そのままだと変更した表示件数が「追加の詳細」に入ってくるので表示したく無い場合の設定例


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

ストア情報を表示する

【Dawn】Shopifyのテーマ「Dawn/Rise」のコレクションページに閲覧者が表示件数を変更できる機能を追加する設定例

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「sections/main-collection-product-grid.liquid」のコードを修正:①

↗ 関連ポスト

すべてのShopify TIPS

すべて表示