オンラインストアの機能

お客様が大画面でサイトを表示する際、ヘッダー上のロゴが表示される場所。モバイルの場合、ロゴの位置は自動的に最適化されます。

• 左中央- ロゴは垂直方向に中央揃えし、左端揃えにして、メインメニューと並ぶように表示します。
• 左上- ロゴはメインメニューの上に表示し、ロゴとメニュー項目を左端揃えにします。
• 中央上 (デフォルト)- ロゴをメインメニューの上に表示し、ロゴとメニュー項目を中央揃えにします。

• ドロップダウン- 2番目のレベルのメニューコンテンツが表示され、3番目のレベルのメニューコンテンツは、対応する2番目のレベルのアイテムがクリックされるまで折りたたまれています。メニュータイプはモバイル用に自動で最適化されます。
• メガメニュー——最初のクリック時に2番目と3番目のレベルのメニューコンテンツがすべて表示されます。メニュータイプはモバイル用に自動で最適化されます。
• ドロワー- ハンバーガーメニューアイコンを使用してドロワーメニューを表示します。クリックすると1番目のレベルのメニューアイテムがすべて表示されます。それをクリックすると、さらに別のメニューの層 (2番目と3番目のレベル) が開きます。

常時表示のヘッダーを使用するかどうか、およびその表示方法を選択します。

• なし- ヘッダーとお客様のスクロールは無関係です。
• スクロールアップ時- お客様がページを上にスクロールするとヘッダーが表示されます。
• 常時- お客様がページを上または下にスクロールすると、ヘッダーが常に表示されます。
• ロゴのサイズを常に小さくする- ヘッダーはお客様がページを上または下にスクロールすると常に表示されます。ロゴのサイズはお客様がページをスクロールすると25%小さくなります。

モバイルで操作する際のロゴの表示位置を選択します。

• 中央- ヘッダーの中央にロゴが表示されます。
• 左- ヘッダーの左側にロゴが表示されます。

次の条件でブロック内の画像を揃えます。

• 左- 画像をブロックの左に揃えます。
• 中央(デフォルト)- 画像をブロックの中央に揃えます。
• 右- 画像をブロックの右に揃えます。

コラージュメディアがデスクトップに表示される方法。

• 左側の大きなブロック (デフォルト)- セクションの最初のブロックは左に、他のブロックよりも大きなサイズで表示されます。
• 右側の大きなブロック- セクションの最後のブロックは右に、他のブロックよりも大きなサイズで表示されます。

モバイル機器でのブロックの表示方法。

• [デスクトップのレイアウト]で[左側の大きなブロック]が有効になっている場合、セクションの最初のブロックは上部に、他のブロックよりも大きなサイズで表示されます。
• [デスクトップのレイアウト]で[右側の大きなブロック]が有効になっている場合、セクションの最後のブロックは下部に、他のブロックよりも大きなサイズで表示されます。

折りたたみ可能なコンテンツのレイアウトを選択します。

• コンテナなし(デフォルト)
• 行コンテナ- 折りたたみ可能な各行は影付きボックスに含まれています
• セクションコンテナ- 折りたたみ可能なコンテンツセクション全体は影付きのボックスに含まれています

• 画像に合わせる(デフォルト) - 画像のアスペクト比を使用します。この比率を使用すると、画像がトリミングされないようになります。
• 小
• 大

• 画像に合わせる- 画像のアスペクト比を使用します。この比率を使用すると、画像がトリミングされないようになります。
• 縦長- 画像を2:3の比率で使用できるようにトリミングします。
• 正方形 (デフォルト)- 画像をトリミングして1:1の比率を使用します。

ドロップダウンメニューを使用して、メール登録者バナー画像の高さを設定します。[画像に合わせる]、[小]、[中] (デフォルト)、[大] から選択します。

デスクトップ版では、テキストボックスの一部が画像と重なっています。モバイル版では、画像の下にテキストボックスが表示されます。

デスクトップでは、[デスクトップ上にコンテナを表示]オプションが選択されている場合にのみ、選択したカラースキームが表示されます。モバイルでは、[モバイルで画像の下にコンテンツを表示]が選択されている場合にのみ、選択したカラースキームが表示されます。

• 画像に合わせる (デフォルト)- 画像のアスペクト比を使用します。この比率を使用すると、画像がトリミングされないようになります。
• 縦長- 画像を2:3の比率で使用できるようにトリミングします。
• 正方形- 画像を1:1の比率で使用できるようにトリミングします。

• デフォルト- 商品画像を長方形に変更します。
• アーチ‐ 商品画像の上部に丸みを持たせます。
• ブロブ‐ 商品画像を6つの不揃いな形状 (ブロブ) の1つに変更します。マウスオーバーするとユニークなアニメーションが表示されます。
• 左向き山形印- 商品画像を左側に尖りがある山形に変更します。
• 右向き山形印- 商品画像を右側に尖りがある山形に変更します。
• ひし形- 商品画像をひし形に変更します。
• 平行四辺形- 商品画像を向かい合う2辺が平行な平行四辺形に変更します。
• 丸形- 商品画像を円形または楕円形に変更します。マウスオーバーするとユニークなアニメーションが表示されます。

デスクトップで画像を拡大する方法を選択します。

• Lightboxを開く- 大型画像を開きます。モバイル版のデフォルトです。
• 拡大なし- 画像の拡大を無効にします。高画質ではない画像の場合におすすめです。
• クリックしてカーソルを合わせる- クリックして画像を拡大してから、拡大した他のセクションにカーソルを合わせて表示します。拡大された画像を再度クリックしたとき、またはマウスを画像のコンテナーから離したとき、マウスオーバー時のズームは無効になります。この設定が有効になっており、ユーザーがモバイルデバイスを使用している場合、画像はデフォルトでモーダル (Lightbox) で開きます。

• テキスト: テキストまたは動的ソースが利用できます。
• テキストスタイル:[本文]、[サブタイトル]、または[大文字]の中から選択します。

ドロップダウンメニューを使用して、バナー画像の高さを設定します。

• 最初の画像に対応- セクションの高さを最初の画像の高さに設定します。
• 小- デスクトップ: 420ピクセル、モバイル: 280ピクセル
• 中(デフォルト) - デスクトップ: 560ピクセル、モバイル: 340ピクセル
• 大- デスクトップ: 720ピクセル、モバイル: 390ピクセル

画像のアニメーションを選択します。

• なし(デフォルト)
• 周囲の挙動- コンテナー内で画像の位置をゆっくり移動させる

• 画像に合わせる(デフォルト)
• 小
• 中
• 大

• 小
• 中(デフォルト)
• 大

• 画像を最初にする(モバイル版のデフォルト)
• 左

• 上(デフォルト)
• 中央
• 下

• 左(デフォルト)
• 中央
• 右

• オーバーラップ
• オーバーラップなし(デフォルト)

画像のアニメーションを選択します。

• なし(デフォルト)
• 周囲の挙動- コンテナー内で画像の位置をゆっくり移動させる

• 左(デフォルト)
• 右
• 中央

• 本文(デフォルト)
• サブタイトル

• 大文字(デフォルト)
• サブタイトル

• 小
• 中(デフォルト)
• 大

列に追加された画像の幅。

• 列の全幅(デフォルト) - 画像の幅は列と同じサイズです。
• 列の半分の幅- 画像の幅は列の半分のサイズです。
• 列の幅の1/3- 画像の幅は列のサイズの3分の1です。

画像には次の画像比があります。

• 画像に合わせる(デフォルト) - 画像のアスペクト比を使用します。この比率を使用すると、画像がトリミングされません。
• 縦長- 画像を2:3の比率で使用できるようにトリミングします。
• 正方形- 画像を1:1の比率で使用できるようにトリミングします。
• 円形- 画像をトリミングして円形で表示します。

列内の画像とテキストには次のアラインメントがあります。

• 左(デフォルト)- 画像とテキストを左揃えにします。
• 中央- 画像とテキストを中央揃えにします。

• 画像に対応
• 小
• 中 (デフォルト)
• 大

• 小
• 中(デフォルト)
• 大

• 上位
• 中央(デフォルト)
• 下

• 左(デフォルト)
• 中央
• 右

• 左から交互に(デフォルト)
• 右から交互に
• 左寄せ
• 右寄せ

• 左(デフォルト)
• 右
• 中央

スライドショーの高さ:

• 最初の画像に合わせる - すべての画像は、カルーセルの最初の画像と同じ高さになります。
• 小
• 中 (デフォルト)
• 大

画像の下に表示されるスライドショーメニューのスタイル

• ドット
• カウンター (デフォルト)
• 数字

スライドショーの画像を自動で切り替えるには、このボックスにチェックを入れます。このボックスにチェックが入っていないと、お客様が手動でスライドショーを進めるまで、スライドショーには静止画像が表示されます。

画像のアニメーションを選択します。

• なし(デフォルト)
• 周囲の挙動- コンテナー内で画像の位置をゆっくり移動させる

スクリーンリーダーを使用しているお客様向けに、スライドショー画像を説明し、コンテキストを提供します。

画像の見出しテキストは任意です。各画像には個別にテキストを追加できます。ボタンを使用して、テキストを太字や斜体にしたり、リンクを追加したりします。

見出しのサイズは、小、中 (デフォルト)、大から選択します。