> 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/skeleton/sections.md).

# Sections

Sections are the building blocks of every page. In the theme editor (**Online Store → Themes → Customize**), the left panel lists the sections on the current page — click one to edit it, drag the ⠿ handle to reorder, or click **Add section** to add more.

Two kinds live in Skeleton:

* **Flexible sections** you can add to the homepage (and most other pages): banners, grids, carousels, text.
* **Page sections** (listed under "Page templates" below) that render a specific page — you configure them, but you don't add or remove them.

## Flexible sections

| Section                                                                           | What it's for                                                        |
| --------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
| [Announcement bar](/sitesbyseth-docs/skeleton/sections/announcement-bar.md)       | Slim message strip above the header, with optional scrolling marquee |
| [Image banner](/sitesbyseth-docs/skeleton/sections/image-banner.md)               | Full-width hero with image or looping video, heading, and buttons    |
| [Slideshow](/sitesbyseth-docs/skeleton/sections/slideshow.md)                     | Rotating hero slides with glitch/fade/slide/wipe transitions         |
| [Image autoscroll](/sitesbyseth-docs/skeleton/sections/image-autoscroll.md)       | Slow-scrolling carousel of images, products, or collections          |
| [Featured collection](/sitesbyseth-docs/skeleton/sections/featured-collection.md) | Product grid pulled from a collection of your choice                 |
| [Collection list](/sitesbyseth-docs/skeleton/sections/collection-list.md)         | Grid of category tiles linking to collections                        |
| [Image with text](/sitesbyseth-docs/skeleton/sections/image-with-text.md)         | Photo beside a heading, text, and button — your "about" section      |
| [Rich text](/sitesbyseth-docs/skeleton/sections/rich-text.md)                     | Headings, paragraphs, and buttons on a plain background              |
| [Value props](/sitesbyseth-docs/skeleton/sections/value-props.md)                 | Row of up to 4 icon + text trust points                              |
| [Newsletter](/sitesbyseth-docs/skeleton/sections/newsletter.md)                   | Email capture band wired to Shopify customer profiles                |

## Store frame

| Section                                                           | What it's for                                                                       |
| ----------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
| [Header](/sitesbyseth-docs/skeleton/sections/header.md)           | Logo, menu, search, account, cart — plus sticky, transparent, and countdown options |
| [Footer](/sitesbyseth-docs/skeleton/sections/footer.md)           | Menus, newsletter, text, social icons, payment icons                                |
| [Cart drawer](/sitesbyseth-docs/skeleton/sections/cart-drawer.md) | The slide-out cart: milestone bar, free gift, upsells, terms, checkout              |

## Page templates

| Section                                                                                   | What it's for                                             |
| ----------------------------------------------------------------------------------------- | --------------------------------------------------------- |
| [Product page](/sitesbyseth-docs/skeleton/sections/main-product.md)                       | The product template: gallery, blocks, sticky add-to-cart |
| [Product recommendations](/sitesbyseth-docs/skeleton/sections/product-recommendations.md) | "You may also like" grid under the product page           |
| [Collection page](/sitesbyseth-docs/skeleton/sections/main-collection.md)                 | Product grid with filters and sorting                     |
| [Collections list page](/sitesbyseth-docs/skeleton/sections/main-list-collections.md)     | The /collections index of all your collections            |
| [Cart page](/sitesbyseth-docs/skeleton/sections/main-cart.md)                             | The full-page cart at /cart                               |
| [Search page](/sitesbyseth-docs/skeleton/sections/main-search.md)                         | Search results for products, pages, and articles          |
| [Contact form](/sitesbyseth-docs/skeleton/sections/main-contact.md)                       | Contact page form (emails your store's sender address)    |
| [Page](/sitesbyseth-docs/skeleton/sections/main-page.md)                                  | Standard pages: About, Shipping, FAQ…                     |
| [Blog](/sitesbyseth-docs/skeleton/sections/main-blog.md)                                  | The blog post grid                                        |
| [Article](/sitesbyseth-docs/skeleton/sections/main-article.md)                            | A single blog post                                        |
| [404 page](/sitesbyseth-docs/skeleton/sections/main-404.md)                               | "Page not found"                                          |
| [Password page](/sitesbyseth-docs/skeleton/sections/main-password.md)                     | Drop mode: countdown, waitlist, video background          |


---

# 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/skeleton/sections.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.