Popup Carousel

プレビュー

発火条件

実行トリガー	発火タイミング
DOM Ready	DOMが生成されたとき
Exit	Popup表示までの待機時間 で設定した秒数の間、ブラウザのナビゲーションエリア（ページコンテンツエリア以外）にマウスカーソルを移動、もしくは別タブに移動したとき
Inactive	非アクティブ時間 で設定した秒数の間、ページ内でインタラクションがないとき
Scroll	ページ全体の高さを100%としたとき、最上部から指定した距離%をスクロールしたとき
Click	ポップアップを表示するクリック対象要素のセレクターをクリックしたとき

※ Exit はデスクトップブラウザのマウスイベントをトリガーにしているため、スマートフォンブラウザでは発火しません。

表示位置

項目名	左右位置	ブラウザ端 からの距離
左		可
中央		不可
右		可

項目名	上下位置	ブラウザ端 からの距離
上		可
中央		不可
下		可

外観/挙動

項目名	説明/備考
ポップアップの幅	ポップアップ領域の幅
ポップアップの角丸	–
ポップアップの背景色	ポップアップ領域の色
ポップアップのボーダー太さ	ポップアップ領域の枠線の太さ
ポップアップのＸボタン色	ポップアップのクローズボタンの色
ポップアップの影	–
ポップアップ内側の余白	–
コンテンツ要素間の余白	ポップアップ内の各要素の距離
背景レイヤー	ポップアップの外側へオーバーレイを表示
背景レイヤー色	–
アニメーション	ポップアップをスライドインして表示

コンテンツ：テキスト

項目名	説明/備考
見出しのテキスト	–
見出しのフォントサイズ	–
見出しのテキスト色	–
本文のテキスト	–
本文のフォントサイズ	–
本文のテキスト色	–

バナー画像

項目名	説明/備考
バナーURL	バナー画像のURL。バナー非表示の場合は、空欄で指定
Altテキスト	バナー画像の代替テキスト
テキストと画像の表示順	タイトルとバナー画像の表示順を指定

レシピ

項目名	説明/備考
レコメンド商品の出力個数	最大12個まで指定可能
Recipe	あらかじめ作成したレシピを指定

ボタン

項目名	説明/備考
ボタンを表示する	ポップアップ下部にボタンを設置
クリック時の挙動	ポップアップを閉じる、もしくはリンクを指定可能
ボタンのテキスト	–
ボタンのフォントサイズ	–
ボタンのテキスト色	–
ボタンの角丸	–
ボタンの背景色	–

スライドアイテム関連

項目名	説明/備考
価格の単位	価格の数値の前に表示する通貨単位を指定
画面サイズ(大): 表示行数	画面幅 > 640px のときの行数
画面サイズ(大): 表示列数	画面幅 > 640px のときの列数
画面サイズ(小): 表示行数	画面幅 <= 639px のときの行数
画面サイズ(小): 表示列数	画面幅 <= 639px のときの列数
自動再生	–
テーマカラー	ページネーションとインジケーターの色
ディスカウント%を表示する	–
通常価格を表示する	listpriceを通常価格として表示

Content Zone

Popup用のContent Zoneを指定