カタログイベントカルーセルウィジェット
カタログイベントカルーセルウィジェットには、今後のイベントのスライダーと、各イベントのカウントダウンティッカーが表示されます。 カルーセルを表示するページレイアウトのページと領域を選択し、一度に表示されるイベントの幅と数を制御できます。 結果は、テーマ、ページ上に表示される場所、選択したオプションによって異なります。
手順1：カタログカルーセルウィジェットを有効にする
開始する前に、手順に従って、カタログイベント ウィジェットを設定し、ストアフロントで有効にします。
手順2：ウィジェットの作成
-
管理者 サイドバーで、Content > Elements>Widgetsに移動します。
-
右上隅の「Add Widget」をクリックします。
-
Settingsセクションで、次の操作を行います。
-
Typeを
Catalog Events Carouselに設定します。 -
ストアで使用されている Design Theme を選択します。
-
-
Continueをクリックします。
-
Storefront Propertiesセクションで、次の操作を行います。
-
「Widget Title」に、ウィジェットの説明的なタイトルを入力します。
このタイトルは 管理者 からのみ表示されます。
-
Assign to Store Viewsで、ウィジェットを表示するストアビューを選択します。
特定のストアビュー、または
All Store Viewsを選択できます。 複数のビューを選択するには、Ctrl キー（PC）またはCommand キー（Mac）を押しながら、各オプションをクリックします。 -
（オプション） Sort Orderの場合、ページの同じ部分で他のユーザーと一緒にこの項目を表示する順序を決定する番号を入力します。 （
0= first,1= second,3= thirdなど）
-
手順3：場所の選択
-
レイアウトの更新 セクションで、Add Layout Updateをクリックします。
-
Display Onを
Specified Pageに設定します。 -
Pageを
CMS Home Pageに設定します。 -
次のいずれかを Container に設定します。
Main Content AreaSidebar AdditionalSidebar Main
note NOTE テーマやページレイアウトによって結果は異なります。 また、カテゴリ設定で_Catalog Events Carousel Default Template_を指定する必要があります。 -
イベントカルーセルをストアフロントの別の場所に表示する場合は、Add Layout Updateをクリックし、その場所に対してこれらの手順を繰り返します。
-
Save and Continue Editをクリックします。
現時点では、キャッシュを更新するメッセージを無視できます。
手順4：オプションの設定
-
左側のパネルで、Widget Optionsを選択します。
-
Frame Sizeに対して、同時にスライダーに一覧表示するイベントの数を入力します。
一度に1つのイベントのみを表示するには、
1と入力します。 -
Scrollの場合、クリックごとにスクロールするイベントリストの数を入力します。
次のイベントまでスクロールするには、
1と入力します。 -
カスタム幅の場合は、Block Custom Widthのピクセル数を入力します。
次のサンプルページでは、カスタム幅は250 ピクセルに設定されています。
-
完了したら、Saveをクリックします。
-
キャッシュの更新を求めるメッセージが表示されたら、ページの上部にあるメッセージ内のリンクをクリックし、指示に従います。