⚙️ルックブックの設定と機能

学べること

  • Lookbook の設定とスタイルの設定方法

  • すべてのカスタマイズ設定の概要

  • 各機能がレイアウトと表示に与える影響


📸 Lookbook セクションの概要

一度セクションを追加すると、 Lookbook ページに親ブロックとして全体の Lookbook と複数の Lookbook アイテム その下にブロックが表示されます。

各 Lookbook アイテムは単一の画像です。グリッドを作るために好きなだけ追加できます。

💡 ヒント: ライブプレビューの任意の Lookbook 画像をクリックするとフルスクリーンギャラリーモードに入ります!


🔧 Lookbook 設定(親ブロック)

設定を開くには Lookbook これらの設定にアクセスするにはセクション(アイテムではなく)を選択してください:

コンテンツとデータ

  • タイトル – キャンペーン名やタイトルを追加(例: AW23 CAMPAIGN)

  • 説明 – リッチテキストや説明を追加

  • リンクテキスト + リンク – コールトゥアクションを追加(例:「コレクションを購入」)

レイアウトと表示

  • ヘッダーの配置 – 左揃えまたは中央揃え

  • 列(デスクトップ) – 表示する画像の列数を制御(最大 6 列)

  • スクロールアニメーション – スクロール時にスムーズなアニメーションを有効にする

  • スワイプアニメーション(モバイル) – タッチデバイスでスワイプ効果を追加する

タイポグラフィ

  • タイトルと説明のフォントサイズと配置を制御

以下の色をカスタマイズ:

  • タイトル、説明、リンク

  • キャプションテキスト

  • ギャラリーコントロール(閉じるボタン、スクロールバー、スワイプアニメーション)

スタイリング

  • 画像の角を丸くする – 角の半径を調整(例:16px)

間隔

デスクトップとモバイルの両方でタイトルと説明のマージンスペースを設定


🖼️ Lookbook アイテムの設定

Lookbook アイテム は画像にすぎません。

画像を追加または置換するには:

  1. アイテムブロックをクリック

  2. 画像をアップロードまたは選択

Lookbook セクションの下に好きなだけ画像ブロックを追加できます。

💡 ヒント: 画像は親セクションで設定した列数に自動的に配置されます。


ヘルプが必要ですか?

最終更新