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

学べること

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

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

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


📚 概要

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


🧭 セクションの追加方法

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

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

  3. セクションをページ上の表示したい場所にドラッグします。


🛠 セクション設定

コンテンツとデータ

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

レイアウトと表示

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

タイポグラフィ

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

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

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

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

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

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

  • 背景色

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

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

  • 説明の色

スタイリング

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

スペーシング

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

  • 上下のスペーシング(デスクトップ&モバイル)

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

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


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

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

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

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

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

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

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

ヘルプが必要ですか?

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

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

  • 💻 ライブチャット: 月曜〜金曜、午前10時〜午後6時(EST)に当社ウェブサイトで直接利用可能

最終更新