流れる画像

商品画像が画面を横切るように流れ、その上に見出しを重ねて表示します。

分類: Hellostore オリジナル

追加方法

テーマエディタで対象のページを開き、「セクションを追加」から 「流れる画像」 を選びます。

設定

コレクション: 商品の画像を使います。画像がないときは、編集画面だけに見本画像を表示します。
小さな見出し（上部）: 見出しの上に小さく表示する文字です。
見出し: セクションの見出しです。
小見出し: 見出しに添える短い文です。
左下のテキスト: セクションの左下に表示する文字です。
同時に流れる枚数: 4〜12枚です。既定は10枚です。コレクションの画像がこの枚数を超えると、周回ごとに入れ替わります。
流れる速さ: ゆっくり・標準・速いから選びます。既定は標準です。
セクションの高さ: 小・中・フルスクリーンから選びます。既定はフルスクリーンです。
画像をぼかす: 流れ始めと終わりの画像をぼかします。既定はオンです。
見出しの見せ方: 自動・ふつう・袋文字・文字の影・ブレンド合成から選びます。自動はこれまでの見せ方を保ち、未設定ならふつうです。ブレンド合成は画像次第で読みにくいため、読みやすさならふつうを選びます。
見出しの色: 既定の色か、色を選ぶかを決めます。既定は配色の文字色です（ブレンド合成は白）。小さな見出しと小見出しも同じ色になります。
見出しの文字色: 「見出しの色」で「色を選ぶ」にしたときだけ表示します。配色に対して読みやすい色を選びます。
スクロールで加速: ページを速くスクロールするほど、画像の流れが速まります。既定はオンです。
画像から商品を開く: コレクションを選んだときだけ表示します。カーソルやフォーカスでその画像が止まり、選ぶと商品を開きます。既定はオフです。
配色: セクションの配色を選びます。
上の外側の余白: セクションの上の外側に、ページの背景色で空ける余白です。0〜100px で、既定は0pxです。
下の外側の余白: セクションの下の外側に、ページの背景色で空ける余白です。0〜100px で、既定は0pxです。