> ## 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.

# Welcome to Elixir

> The premium Shopify theme built for conversion

Elixir is a premium Shopify theme designed to help you build high-converting storefronts — no code or developers needed. Everything is customizable directly from the Shopify theme editor.

<CardGroup cols={3}>
  <Card title="35+ Sections" icon="layer-group">
    Hero banners, reviews, comparisons, testimonials, countdowns, and more.
  </Card>

  <Card title="35+ Blocks" icon="cube">
    Quantity breaks, trust badges, ratings, countdown timers, and more.
  </Card>

  <Card title="6+ Templates" icon="file">
    Ready-made product page designs you can install in one click.
  </Card>
</CardGroup>

> Recommended setup time: 20–30 minutes
>
> New to Elixir? Follow the guides below in order for the smoothest setup experience.

## Get started

<Steps>
  <Step title="Install the theme">
    Upload Elixir to your Shopify store and activate your license key.

    [Installation guide →](/installation)
  </Step>

  <Step title="Customize your brand">
    Set up your colors, fonts, and button styles to match your brand.

    [Branding guide →](/guides/branding)
  </Step>

  <Step title="Set up your header">
    Configure your logo, navigation, announcement bar, and sticky header.

    [Header guide →](/guides/header)
  </Step>

  <Step title="Build your homepage">
    Add sections to create a high-converting homepage.

    [Homepage guide →](/guides/homepage)
  </Step>

  <Step title="Build your product page">
    Configure your product page with the right blocks, offers, and social proof.

    [Product page guide →](/guides/product-page)
  </Step>

  <Step title="Set up your cart">
    Add upsells, discount codes, free gift thresholds, and urgency timers to your cart.

    [Cart guide →](/guides/cart)
  </Step>
</Steps>

## See Elixir in action

Explore stores built with Elixir across different industries and product categories. Use these examples for inspiration when designing your own store.

<CardGroup cols={3}>
  <Card title="Beauty" href="https://versabeauty1.myshopify.com/products/test-product">
    <Frame>
      <img src="https://mintcdn.com/elixir-fb942e33/u8zsEa-ZeNwln-Jx/images/demos/versa.webp?fit=max&auto=format&n=u8zsEa-ZeNwln-Jx&q=85&s=d1315344cecfe4116f6803161d1475c4" alt="VersaBeauty demo" width="400" height="400" data-path="images/demos/versa.webp" />
    </Frame>
  </Card>

  <Card title="Supplements" href="https://issr0h-tg.myshopify.com/">
    <Frame>
      <img src="https://mintcdn.com/elixir-fb942e33/u8zsEa-ZeNwln-Jx/images/demos/BOOSTED.webp?fit=max&auto=format&n=u8zsEa-ZeNwln-Jx&q=85&s=ae9db58b1cd729eee573c2b3814d963a" alt="Boosted demo" width="400" height="400" data-path="images/demos/BOOSTED.webp" />
    </Frame>
  </Card>

  <Card title="Matcha" href="https://h0nttj-4r.myshopify.com/">
    <Frame>
      <img src="https://mintcdn.com/elixir-fb942e33/u8zsEa-ZeNwln-Jx/images/demos/matcha-collective.webp?fit=max&auto=format&n=u8zsEa-ZeNwln-Jx&q=85&s=b189f29d32cab1f6ec18eadd805ec888" alt="Matcha Collective demo" width="400" height="400" data-path="images/demos/matcha-collective.webp" />
    </Frame>
  </Card>

  <Card title="Shapewear" href="https://8ysz3r-v0.myshopify.com/">
    <Frame>
      <img src="https://mintcdn.com/elixir-fb942e33/u8zsEa-ZeNwln-Jx/images/demos/shapelux.webp?fit=max&auto=format&n=u8zsEa-ZeNwln-Jx&q=85&s=9130ff3801a839495edc3d14aff398e6" alt="ShapeLux demo" width="400" height="400" data-path="images/demos/shapelux.webp" />
    </Frame>
  </Card>

  <Card title="Pet Brand" href="https://wqb11j-ad.myshopify.com/">
    <Frame>
      <img src="https://mintcdn.com/elixir-fb942e33/u8zsEa-ZeNwln-Jx/images/demos/pawpro.webp?fit=max&auto=format&n=u8zsEa-ZeNwln-Jx&q=85&s=019d2a2c2172be45ef57659efba85ffa" alt="PawPro demo" width="400" height="400" data-path="images/demos/pawpro.webp" />
    </Frame>
  </Card>

  <Card title="Beauty Tech" href="https://cri0wy-xn.myshopify.com/">
    <Frame>
      <img src="https://mintcdn.com/elixir-fb942e33/u8zsEa-ZeNwln-Jx/images/demos/luvea.webp?fit=max&auto=format&n=u8zsEa-ZeNwln-Jx&q=85&s=5849ea7aeff057fb8f5240592f574ba4" alt="Luvea demo" width="400" height="400" data-path="images/demos/luvea.webp" />
    </Frame>
  </Card>

  <Card title="Vacuum" href="https://m3x0d3-s0.myshopify.com/">
    <Frame>
      <img src="https://mintcdn.com/elixir-fb942e33/u8zsEa-ZeNwln-Jx/images/demos/aero.webp?fit=max&auto=format&n=u8zsEa-ZeNwln-Jx&q=85&s=a309977ace187c41f1fa806bec8dff75" alt="Aero demo" width="400" height="400" data-path="images/demos/aero.webp" />
    </Frame>
  </Card>

  <Card title="Pillow" href="https://0z25tx-md.myshopify.com/products/comfy-neck-pillow">
    <Frame>
      <img src="https://mintcdn.com/elixir-fb942e33/u8zsEa-ZeNwln-Jx/images/demos/newpillow.webp?fit=max&auto=format&n=u8zsEa-ZeNwln-Jx&q=85&s=65d9836cea517074d4df9427103482c6" alt="New Pillow demo" width="400" height="400" data-path="images/demos/newpillow.webp" />
    </Frame>
  </Card>

  <Card title="Perfume" href="https://ard41e-ve.myshopify.com/">
    <Frame>
      <img src="https://mintcdn.com/elixir-fb942e33/u8zsEa-ZeNwln-Jx/images/demos/PERFA.webp?fit=max&auto=format&n=u8zsEa-ZeNwln-Jx&q=85&s=dd19157f00a2c7e6d26097bd1c8c841f" alt="Perfa demo" width="400" height="400" data-path="images/demos/PERFA.webp" />
    </Frame>
  </Card>
</CardGroup>

## Next steps

Once you've completed the initial setup, explore our advanced guides to get the most out of Elixir.

## Recommended guides

* Conversion optimization best practices
* Landing page design strategies
* Product page optimization
* Advanced theme customization
* Performance and page speed improvements
* Theme updates and license management

## Need help?

If you can't find what you're looking for, we're here to help.

Before contacting support, we recommend checking the documentation guides above, as many common questions are covered in detail.

Still need assistance?

* Browse the full documentation
* Contact support
* Report a bug or issue
* Request a feature or improvement

We're continuously improving Elixir with new sections, conversion-focused features, customization options, and performance enhancements to help you grow your store.
