> ## Documentation Index
> Fetch the complete documentation index at: https://testdocs.ecomelixir.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Sections & blocks

> Overview of all available sections and blocks in Elixir

<Frame>
  <img src="https://mintcdn.com/elixir-fb942e33/u8zsEa-ZeNwln-Jx/images/templates/all-sections.webp?fit=max&auto=format&n=u8zsEa-ZeNwln-Jx&q=85&s=d8dfa23db1e6acaa0cafa28c66ddd0f9" alt="35+ sections available" width="600" height="600" data-path="images/templates/all-sections.webp" />
</Frame>

Elixir includes **35+ sections** you can add to any page from the Shopify theme editor. Click **Add section** in the left sidebar to browse and add them.

## Hero & banners

| Section                   | Description                                                                   |
| ------------------------- | ----------------------------------------------------------------------------- |
| **Hero**                  | Full-featured hero with background image/video, text overlay, and CTA buttons |
| **Image Banner**          | Versatile banner with separate desktop/mobile images and overlay              |
| **Announcement Bar**      | Top-of-page bar for promotions and sales                                      |
| **Sale Countdown Banner** | Banner with countdown timer                                                   |
| **Email Signup Banner**   | Banner with email capture form                                                |

## Social proof & reviews

| Section                       | Description                              |
| ----------------------------- | ---------------------------------------- |
| **Customer Reviews**          | Review display section                   |
| **Customer Reviews Carousel** | Scrollable review slider                 |
| **Amazon Styled Reviews**     | Reviews styled like Amazon               |
| **Facebook Reviews**          | Reviews styled like Facebook             |
| **Testimonials**              | Customer testimonial cards               |
| **Video Testimonials**        | Video-based testimonials                 |
| **As Seen In Logos**          | Logo bar for press mentions and partners |

## Content & information

| Section                | Description                   |
| ---------------------- | ----------------------------- |
| **Rich Text**          | Flexible text content         |
| **Image with Text**    | Image paired with text        |
| **Two Column Content** | Side-by-side layout           |
| **Content Tabs**       | Tabbed content sections       |
| **Steps**              | Step-by-step process display  |
| **Statistics Grid**    | Display key numbers and stats |
| **Benefits Carousel**  | Scrolling benefit highlights  |
| **Store FAQ**          | Accordion FAQ section         |

## Product & collection

| Section                  | Description                       |
| ------------------------ | --------------------------------- |
| **Featured Product**     | Showcase a single product         |
| **Collection Grid**      | Display products in a grid        |
| **Featured Collections** | Showcase multiple collections     |
| **Product Comparison**   | Side-by-side vs competitors table |
| **Before & After**       | Image comparison slider           |
| **Related Products**     | Product recommendations           |

## Conversion & urgency

| Section                    | Description               |
| -------------------------- | ------------------------- |
| **Sticky Add to Cart**     | Fixed buy bar on scroll   |
| **Sale Countdown Banner**  | Countdown timer for sales |
| **Satisfaction Guarantee** | Trust badge and guarantee |
| **Newsletter**             | Email signup section      |
| **Contact Form**           | Contact form              |

## Visual & gallery

| Section                       | Description           |
| ----------------------------- | --------------------- |
| **Image Slider**              | Image carousel        |
| **Video Slider**              | Video carousel        |
| **Photo Grid**                | Grid of images        |
| **Scrolling Images Carousel** | Auto-scrolling images |
| **Scrolling Ticker**          | Marquee text banner   |

***

## Blocks

<Frame>
  <img src="https://mintcdn.com/elixir-fb942e33/u8zsEa-ZeNwln-Jx/images/templates/all-blocks.webp?fit=max&auto=format&n=u8zsEa-ZeNwln-Jx&q=85&s=f72ea037f959ec5ca48cc9788db1e91e" alt="35+ blocks available" width="600" height="600" data-path="images/templates/all-blocks.webp" />
</Frame>

Blocks are smaller components that live inside sections. The product page section, for example, is built entirely from blocks. See the [product page guide](/guides/product-page) and [advertorial guide](/guides/advertorials) for block details specific to those pages.