商品情報にスキップ
1 1
公開日:2024.10.21

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

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

用途

  • コレクション編集

実装方法

  • LIQUID
  • HTML/CSS
  • Javascript
詳細を表示する

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/Rise 15.2.0

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

関連ポスト