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

### 学べること

* 複数のコレクションやルックブックをグリッドで表示する方法
* レイアウト、間隔、タイポグラフィ、色をカスタマイズする方法
* 各ブロックを特定のコレクションやカスタムページにリンクする方法

***

### 📚 概要

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

***

### 🧭 セクションの追加方法

1. 「 **テーマエディター**」で、クリック `「セクションを追加」`.
2. を選択します **コレクションリスト**.
3. セクションをページ内の希望の位置にドラッグします。

***

### 🛠 セクション設定

#### コンテンツとデータ

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

#### レイアウトと表示

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

#### タイポグラフィ

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

* セクションタイトルサイズ（デスクトップ＆モバイル）
* ルックブックタイトルサイズ（デスクトップ＆モバイル）
* 説明サイズ（デスクトップ＆モバイル）
* 切り替え： `セクションタイトルを太字にする` および `ルックブックタイトルを太字にする` 必要に応じて。

#### 色

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

* 背景色
* セクションタイトルの色
* ルックブックタイトルの色
* 説明の色

#### スタイリング

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

#### 間隔

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

* 上下の間隔（デスクトップ＆モバイル）
* ヘッダーとルックブック間のスペース
* アイテム間のギャップ（デスクトップ＆モバイル）

***

### 🧱 ブロック設定（コレクションアイテム）

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

* **カバー画像** – コレクションやルックブックのビジュアルをアップロードします。
* **タイトル** – コレクションやルックブックの名前を付けます。
* **説明** – 任意の補足テキストです。
* **ルックブックリンク** – ストア内の任意のコレクションやページへのリンクを貼り付けます。

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

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/english-ja/readme-1/sections-and-features/collection-list-section.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.