コレクション一覧セクション

学べること

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

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

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


📚 概要

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


🧭 セクションを追加する方法

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

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

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


🛠 セクション設定

コンテンツとデータ

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

レイアウトと表示

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

タイポグラフィ

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

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

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

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

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

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

  • 背景色

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

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

  • 説明の色

スタイリング

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

間隔

パディングと視覚的な分離を制御:

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

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

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


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

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

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

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

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

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

💡 ヒント:同じセクションの下に複数のコレクションブロックを追加できます(使用するのは + ブロックを追加).

ヘルプが必要ですか?

  • 💬 Discordでコミュニティに参加: https://discord.gg/hcc2GvgZc6

  • 📧 メールでお問い合わせ: [email protected]

  • 💻 ライブチャット: 月〜金、午前10時〜午後6時(EST)、弊社ウェブサイト上で直接ご利用いただけます

最終更新