こんにちは、木村です。
今回は複数のバナーをスライダーで表示するエクステンションをご紹介します。
新商品や特集、キャンペーンページなどへの誘導のためにトップページなどにバナーをスライダーで表示するショップはよく見かけます。今回はバナースライダーを追加する無料のエクステンションをご紹介します。 以前ご紹介したエクステンションよりも自由度が高い配置が可能です。
Magento 2 Rich Banner Slider | Magento 2 Banner Slider
Rich Banner SliderはMagento2のみに対応しています。それではご紹介していきます。
表示箇所の指定
以下が表示可能なページ、ページ内の箇所の一覧です。以前ご紹介したエクステンションでも商品・カテゴリページへの表示はできますがどの商品・カテゴリに表示するかは指定できませんでした。このエクステンションではそれらが個別に指定できます。
表示ページ
- トップページ
- 商品ページ
- カテゴリーページ
表示箇所
- グローバルメニューの上
- グローバルメニューの下
- コンテンツ内上部
- コンテンツ内下部
バナーを表示したいカテゴリを指定する例です。ツリーから選択できます
商品を指定する例です。商品の属性を使用して条件を設定できます。図では商品のタイプがバッグでSKUに”abc”が含まれる商品が対象になります。
商品は図のように属性を指定してバナーを表示させられます。Magentoは商品の属性を追加できますので、アイデア次第でより訴求力の高いバナー表示が可能です。
バナーの動作方法設定
以下の図のようにバナーの動作方法を設定できます。
- Animation Effect
- アニメーションの種類
- Pause Time Between Transitions, ms
- スライド遷移時の一時停止間隔。ミリ秒指定。
- Slide Transition Speed, ms
- スライドの移動スピード。ミリ秒指定。
- Stop Animation While Mouse is on the Banner
- バナー上にマウスカーソルがある場合停止するかどうか
- Display Arrows
- スライダーの両端に矢印を表示するかどうか
- Display Navigation Bullets
- スライダー下部にバナー指定ボタンを追加するかどうか
- Display Images in Random Order
- バナーをランダムに表示するかどうか
表示回数、クリック数の記録
図のようにバナーの表示回数、クリック数を確認することができます。
以上でご紹介は終わりです。ご興味を持たれた方はこちらのページで詳細をご確認ください。