🟦

コレクションページ

このでは、コレクションページのいくつかの要素を設定します。

サイドバー

サイドバーの表示

ここでは、サイドバーの表示を変更することができます。3つのオプションがあります。
  1. デスクトップとモバイルこのオプションを選択した場合、サイドバーはデスクトップ版とモバイル版の両方のページに表示されます。
  1. デスクトップのみこのオプションを選択すると、デスクトップ版のページでのみサイドバーが表示されます。
  1. 隠すこのオプションを選択すると、デスクトップ版とモバイル版の両方のページでサイドバーが非表示になり、サイドバーの位置は無関係になります。
テーマ設定:コレクションページ - サイドバー設定 隠す

デスクトップでのサイドバーの位置

ここでは、サイドバーの位置をページの左側または右側に変更したり、ドロップダウンを選択することができます。「ポップアップとフィルターボタン」を選択した場合は、スライド式のフィルターポップアップを備えたボタンが表示されます。
💡
「トップ と縦フィルター」オプションを有効にすると、「商品」、「カスタムHTML」、「サブスクリプション」、「プロモボックス(バナー)」などの追加ブロックなどの追加ブロックが非表示になり、モバイルモードでのみ利用できるようになります。デスクトップモードでは非表示になり、モバイルモードでのみ利用できます。
どのように見えるか、いくつかの例で見てみましょう。

上と縦フィルター

ポップアップ

テーマ設定:コレクションページ - サイドバーの位置 - 左
💡
サイドバーの表示形式を右、左、ドロップダウンのいずれにしても、モバイル版ではサイドバーの位置は常に「ドロップダウン」になりますのでご注意ください。
テーマ設定:コレクションページ - モバイル画面ではドロップダウン

スティッキーサイドバーの有効化

このオプションでは、サイドバーをスティッキーにして、ページをスクロールしたときに表示させることができます。

ページをリロードせずにフィルタの結果を表示(AJAX)

AJAX商品の読み込みを無効にする場合は、このオプションを無効にしてください。AJAXによる商品の読み込みをサポートしていないアプリでは便利かもしれません。
重要「クラシック」または「センタードクラシック」のページネーションでのみ動作します。「ボタンで続きを読む 」や 「無限スクロール 」を 使用したい場合は、このオプションを無効にしてください。