B2B Commerce ストアの検索ページでの商品カードの表示の形式設定

エクスペリエンスビルダーの商品リストページで、商品カードの列数とカード間の間隔を変更できます。ページ番号または [さらに読み込む] ボタンを使用して、複数のページにまたがる商品を表示するように検索結果または商品リストページを設定することもできます。

ナビゲーションサイドバーの [ストア] ドロップダウンからストアを選択します。
[Web サイトデザイン] を選択し、[エクスペリエンスビルダー] をクリックします。
エクスペリエンスビルダーで、[検索] ページを開きます。
メインページのキャンバスで、[結果グリッド] コンポーネントを選択します。
[グリッドレイアウト] セクションの [設定] タブで、列と間隔の設定を入力します。
商品リストページの商品カードの数は、ブラウザーの幅によって異なります。列は、タブレットやワイドデスクトップ画面など、大小さまざまなデバイスに合わせて動的に調整されます。[少なく] を選択した場合、商品カードは大きくなります。[さらに表示] を選択すると、商品カードが小さくなります。
[Results Data (結果データ)] セクションを展開し、[Result Navigation (結果ナビゲーション)] から [Pagegination (ページネーション)]、[Pagening Only (ページネーションのみ)]、または [Load More (さらに読み込む)] を選択します。
表示ラベルを変更するには、別の [さらに読み込む] ボタンの表示ラベルを入力します。
ストアをプレビューして公開します。

製品エリア