2019年07月08日
42 view

B-Spaceかんたん設定ガイド③動く!商品棚_デザインの設定

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のお問い合わせ」より、ストアアカウントを添えてご連絡ください。

こちらの記事もどうぞ