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

# Content sections

> The general-purpose sections — FAQ, rich text, image with text, video, featured product, related products, spacer, custom liquid.

# Content sections

These are the sections that carry everything that is not product data. They are
section-agnostic and reusable on any template.

> **[FAQ](#faq)**
>
> Expandable question and answer pairs.

> **[Rich text](#rich-text)**
>
> Formatted copy with headings, lists and links.

> **[Image with text](#image-with-text)**
>
> A two-column editorial block.

> **[Video](#video)**
>
> A responsive video with a poster frame.

> **[Featured product](#featured-product)**
>
> One product, presented large.

> **[Related products](#related-products)**
>
> A row of complementary products.

> **[Spacer](#spacer)**
>
> Vertical breathing room.

> **[Custom liquid](#custom-liquid)**
>
> Your own Liquid, in the editor.

***

## FAQ

An accordion of question-and-answer pairs, in a two-column layout on desktop and a
single column on mobile.

| Setting | Notes |
| - | - |
| **Section title** | Heading above the list |
| **Section subtitle** | Supporting line |

### The FAQ Item block

| Setting | Notes |
| - | - |
| **Question** | The expandable header |
| **Answer** | Rich text, revealed on expand |
| **Default open** | Opens the first item by default |

> [!NOTE]
>
> Only one item opens at a time by default, which keeps the section from growing
> unboundedly. Items are keyboard accessible and announced with the correct expanded
> state.

> [!TIP]
>
> Answer the questions you actually get asked in support tickets. A FAQ that answers
> "What is your return policy?" and "Will this work with my phone?" earns more trust
> than one that answers "What is the meaning of life?" and "How do you feel about
> synergy?"

***

## Rich text

A formatted text block with a heading, subheading, body, and an optional button.

| Setting | Notes |
| - | - |
| **Heading** | |
| **Subheading** | |
| **Body** | Full rich text — headings, lists, links, bold, italic |
| **Button label** | Optional call to action |
| **Button link** | Optional link |

> [!WARNING]
>
> Rich text is the one place where careless formatting causes real problems. A
> paragraph with a link inside a link, or a heading inside a heading, breaks the
> document outline and confuses screen readers. Keep it simple: one heading level per
> block.

***

## Image with text

A two-column block with an image on one side and text on the other. The image and
text sides **swap position** below 768px.

| Setting | Notes |
| - | - |
| **Image** | The image |
| **Image alt text** | Describe the image for screen readers and SEO |
| **Eyebrow** | Small mono label |
| **Heading** | |
| **Body** | Rich text |
| **Button label / link** | Optional |
| **Image position** | Left or right |

***

## Video

A responsive, lazy-loaded video with a poster frame.

| Setting | Notes |
| - | - |
| **Video** | Upload a video file, or link to a hosted one |
| **Poster image** | Shown before playback — a real frame from your video, not a placeholder |
| **Autoplay** | Looping, muted playback |
| **Looping** | |
| **Caption** | |

> [!NOTE]
>
> A poster image is not optional in practice. Without one, a video section shows a
> black rectangle while it loads, which reads as a broken page. Use a frame from the
> video itself.

***

## Featured product

One product, presented large — a single-item showcase for a hero product, a launch, or
a limited run.

| Setting | Notes |
| - | - |
| **Product** | The product to feature |
| **Eyebrow** | |
| **Heading** | |
| **Subheading** | |
| **Button label** | The CTA |

***

## Related products

A horizontal row of related products, driven by your store's
**Search & Discovery** app or Shopify's merchandising rules.

| Setting | Notes |
| - | - |
| **Section title** | |
| **Maximum products to show** | Caps the row |
| **Products to show by** | Collection, or manual selection |

> [!NOTE]
>
> If the section renders nothing, your store has no product relationship or
> collection set up. Connect Search & Discovery and set a rule, or select products
> manually.

***

## Spacer

Adds vertical space between sections.

| Setting | Notes |
| - | - |
| **Height** | Small, medium, large, or a custom pixel value |

> [!WARNING]
>
> Prefer the theme's own section rhythm over a stack of spacers. If you find yourself
> adding three spacers in a row, the section order is probably wrong.

***

## Custom Liquid

Renders your own Liquid inside the theme editor. Useful for a promo banner, a
verification widget, or an app snippet you need placed precisely.

| Setting | Notes |
| - | - |
| **Custom liquid** | Your Liquid code |

> [!WARNING]
>
> This section renders your code on every page you add it to. A Liquid error here
> breaks the page, and an infinite loop will hang the store. Test on a duplicate
> theme first, and keep the code small.

***

> **[Feature overview](https://varaahi.vritservicespro.com/features/overview.md)**
>
> Every capability in the theme, in one table.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.