> For the complete documentation index, see [llms.txt](https://docs.lufavo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lufavo.com/roomfolk/sections/collection-list.md).

# Collection list

A grid of collection cards — the way most home stores let people shop by room or by category.

Each card is one collection, with its image, its name and an optional line of description.

## Set it up

1. Add the section.
2. Add a **Collection** block for each collection you want to show.
3. Pick the collection in each block.

The card uses the collection's own image and name, so once you have set the collection there is usually nothing else to fill in.

## Collection blocks

| Setting     | What it does                                       |
| ----------- | -------------------------------------------------- |
| Collection  | Which collection this card links to.               |
| Heading     | Optional. Falls back to the collection’s own name. |
| Description | Optional line under the name.                      |

**If a block has no collection chosen it still shows**, as a placeholder card. That is deliberate — it means you can lay out the grid before your collections exist, and you can see what you have not filled in yet.

**Set a collection image.** The card uses the image on the collection itself, set in **Products → Collections** in your Shopify admin. Without one, the card draws a placeholder.

## Content

| Setting      | What it does                  |
| ------------ | ----------------------------- |
| Kicker       | Small line above the heading. |
| Heading      | The section heading.          |
| Heading size | Small, Medium or Large.       |
| Description  | A sentence under the heading. |

## Layout

| Setting            | What it does                             |
| ------------------ | ---------------------------------------- |
| Columns on desktop | 2 to 6.                                  |
| Columns on mobile  | One column or two.                       |
| Alignment          | How the text under each card is aligned. |

**On Columns on mobile:** one column shows the photography at full width; two show more of the range at once. If your collection images are the main draw, use one.

## Card

| Setting      | What it does                   |
| ------------ | ------------------------------ |
| Aspect ratio | Square, Portrait or Landscape. |

Every card is cropped to the same shape, so the grid stays even however your collection images are shaped. Pick the ratio that suits your photography — square is the safest with mixed sources.

## Spacing and style

| Setting        | What it does                   |
| -------------- | ------------------------------ |
| Top spacing    | 0px to 120px.                  |
| Bottom spacing | 0px to 120px.                  |
| Color scheme   | Which scheme the section uses. |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.lufavo.com/roomfolk/sections/collection-list.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.