> For the complete documentation index, see [llms.txt](https://sitesbyseth.gitbook.io/sitesbyseth-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sitesbyseth.gitbook.io/sitesbyseth-docs/reign/sections/faq-accordion.md).

# FAQ Accordion & Accordion

Two expandable-content sections:

* **FAQ accordion** — a Q\&A list with unlimited question blocks (used on the drop-mode password page, great on any page)
* **Accordion** — icon-led rows (truck/returns/ruler/heart icons) for shipping, returns, sizing, and care info

## FAQ accordion

### Blocks

Each **Question** block: a **Question** (text) and an **Answer** (rich text — links, bold, lists all work).

### Section settings

| Setting                                          | What it does                   | Default                           |
| ------------------------------------------------ | ------------------------------ | --------------------------------- |
| Full width / Color scheme / Padding top + bottom | Wrapper                        | Off / Scheme 1 / 48–48            |
| Show heading / Heading                           | Section title                  | On / "Frequently Asked Questions" |
| Heading font size / bottom margin                | 16–60px / 10–80px              | 32 / 40                           |
| Icon style                                       | **Chevron** or **Plus/Minus**  | Chevron                           |
| Icon size                                        | 12–32px                        | 20                                |
| Question font size / weight                      | 12–32px, Normal/Semi-bold/Bold | 16 / Bold                         |
| Answer font size                                 | 12–24px                        | 14                                |
| Item padding / Divider thickness                 | Row spacing and line weight    | 20 / 1                            |
| Background / Question / Answer / Divider colors  | Styling                        | white/dark                        |
| Maximum width                                    | 600–1400px                     | 1000                              |
| Top / bottom padding + Desktop width             | Inner layout                   | 60 / 60 / 100%                    |

## Accordion (icon rows)

### Blocks

Each **Row** block:

| Setting                                       | What it does                                                                                                                                                             | Default              |
| --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------- |
| Icon                                          | Shipping (truck) / Returns / Size guide (ruler) / Care (heart) / None                                                                                                    | Truck                |
| Title                                         | Row heading                                                                                                                                                              | "Shipping Info"      |
| Content                                       | Rich text                                                                                                                                                                | shipping placeholder |
| Show product preorder metafield above content | On product pages, prepends the product's `custom.preorder` metafield text when present — see [Pre-orders](/sitesbyseth-docs/reign/free-gift-tiers/preorder-metafield.md) | Off                  |

### Section settings

Layout (full width, color scheme, section padding, desktop content width, inner vertical/horizontal padding, row padding), colors (background, divider, title, content, icon, toggle), typography (title size/weight, content size/weight), and icon sizes (row icon 20, toggle 18).

💡 The product page has its own **Accordion block** with four pre-wired rows (Shipping / Returns / Size Guide / Care) — see [Product page](/sitesbyseth-docs/reign/getting-started/product-page.md#accordion-reign-accordion).

💡 **Pro tip:** Put an FAQ accordion on the password page and product pages answering the same 4 questions every streetwear customer asks: When does it ship? What if my size sells out? Do you restock? What's the return policy?


---

# 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://sitesbyseth.gitbook.io/sitesbyseth-docs/reign/sections/faq-accordion.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.