コレクションリストセクション

学べること

  • 複数のコレクションやルックブックをグリッドで表示する方法

  • レイアウト、間隔、タイポグラフィ、色をカスタマイズする方法

  • 各ブロックを特定のコレクションやカスタムページにリンクする方法


📚 概要

この コレクションリストセクション は、ページ上で複数のコレクションやビジュアルルックブックを強調表示できます。各ブロックには画像、タイトル、説明、任意のリンクが含まれます。キュレーションされたギャラリーやカテゴリグリッドを作成するのに最適です。


🧭 セクションの追加方法

  1. テーマエディター」で、クリック 「セクションを追加」.

  2. を選択します コレクションリスト.

  3. セクションをページ内の希望の位置にドラッグします。


🛠 セクション設定

コンテンツとデータ

  • セクションタイトル – セクション上部に表示される見出しテキストです。

レイアウトと表示

  • モバイルで表示するアイテム数 – 小さい画面で表示するブロック数を選択します。

タイポグラフィ

デバイスごとのフォントサイズを制御します:

  • セクションタイトルサイズ(デスクトップ&モバイル)

  • ルックブックタイトルサイズ(デスクトップ&モバイル)

  • 説明サイズ(デスクトップ&モバイル)

  • 切り替え セクションタイトルを太字にする および ルックブックタイトルを太字にする 必要に応じて。

各要素の外観をカスタマイズします:

  • 背景色

  • セクションタイトルの色

  • ルックブックタイトルの色

  • 説明の色

スタイリング

  • 画像の角を丸くする – 画像のボーダー半径を調整します。

間隔

パディングと視覚的な区切りを制御します:

  • 上下の間隔(デスクトップ&モバイル)

  • ヘッダーとルックブック間のスペース

  • アイテム間のギャップ(デスクトップ&モバイル)


🧱 ブロック設定(コレクションアイテム)

コレクションリスト内の各ブロックでは次のことができます:

  • カバー画像 – コレクションやルックブックのビジュアルをアップロードします。

  • タイトル – コレクションやルックブックの名前を付けます。

  • 説明 – 任意の補足テキストです。

  • ルックブックリンク – ストア内の任意のコレクションやページへのリンクを貼り付けます。

💡 ヒント: 同じセクション内に複数のコレクションブロックを +ブロックを追加.

サポートが必要ですか?

最終更新