B-Spaceかんたん設定ガイド③動く!商品棚_デザインの設定
B-Spaceのかんたん設定方法をお伝えするシリーズ記事です。
今回は、「動く!商品棚」のデザインを設定する方法についてご案内します。
【かんたん設定ガイドシリーズ】
B-Spaceかんたん設定ガイド①はじめに
B-Spaceかんたん設定ガイド②動く!商品棚_表示する商品の設定
B-Spaceかんたん設定ガイド③動く!商品棚_デザインの設定
B-Spaceかんたん設定ガイド④反映&スマートフォン版
B-Spaceかんたん設定ガイド⑤にぎわいバナーの設定
B-Spaceかんたん設定ガイド⑥にぎわいバナー_スライド・一枚画像
B-Spaceかんたん設定ガイド⑦にぎわいタイムラインの設定
一枠内に横表示する数
前回記事「 B-Spaceかんたん設定ガイド②動く!商品棚_表示する商品の設定 」の続きとなります。
B-Space管理画面にオレンジの枠で記載されている「パソコン専用設定」の枠内で、動く!商品棚の表示方法を設定していきます。

「一枠内に横表示する数」は一度に表示される数のことです。
初期設定では「4」になっていますが、
この数を「1」~「8」の間で変更することができます。
数が「4」よりも多くなるごとに、横幅に合わせて商品画像が小さくなります。
「4」より少ない数の場合、商品画像の大きさは変わりません。

動く!商品棚を一覧で表示 (スライドしない)
「動く!商品棚」はスライドタイプのほかにも、スライドせずに表示される、一覧表示のタイプや、縦に長いタイプが作成できます。
■一覧表示のタイプ

■縦に長いタイプ ※サイドナビでの使用がおすすめ

これらは、スライドを「しない」に設定するだけで作成できます。

縦長にするには、「一枠内に横表示する数」を「1」に設定してください。
見出しを設定する
見出しとは、ストアに来たお客様に表示される、商品棚のタイトルです。

初期設定では「当店の売れ筋商品」になっていますが、商品棚の内容にあわせて好きな文章に変更できます。

【例】新着商品、レディース売れ筋、人気商品 など
テンプレートから選択する
「テンプレートから選択する」をクリックすると、テンプレートの一覧ページが開きます。

基本のテンプレートはランキング表示のある、「商品棚001」の テンプレートになっています。
利用したいテンプレートを選択したら、右上にある「×」ボタンをクリックしてメニューを閉じると反映されます。

次回は、いよいよストアページへの設置と、スマートフォン版についてご説明します。
■次の記事
B-Spaceかんたん設定ガイド④反映&スマートフォン版
※この記事は2019/6/30時点の情報を掲載しています。画面レイアウトなど、一部変更のある場合がございます。
※B-Spaceに関するお問い合わせは、当ブログ右上「B-Spaceのお問い合わせ」より、ストアアカウントを添えてご連絡ください。