> 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/showcase/getting-started.md).

# Getting started

From zip file to a live story-driven storefront in an afternoon. Here's the path — each step links to its own detailed guide.

## The 5-step path

1. [**Install the theme**](/sitesbyseth-docs/showcase/getting-started/installing.md) — upload the zip, preview it, and publish when you're ready.
2. [**Build the homepage story deck**](/sitesbyseth-docs/showcase/getting-started/homepage.md) — add one story block per product, give each screen a background, and choose fade or scroll.
3. [**Set up the product page**](/sitesbyseth-docs/showcase/getting-started/product-page.md) — the same story experience, plus Buy now, the offer modal, accordions, and the shipping timeline.
4. [**Style the collection page**](/sitesbyseth-docs/showcase/getting-started/collection-page.md) — your collections render as story decks too, with one shared background.
5. [**Turn on drop mode (optional)**](/sitesbyseth-docs/showcase/getting-started/drop-mode.md) — if you launch with a password page, make it an early-access teaser that collects emails and phone numbers.

## Before you start, have these ready

* **Products in your catalog** — each with a title, price, description, and at least one photo. The story deck shows up to 5 images per product.
* **Backgrounds** — one image, video, or color per product screen. Vertical-friendly imagery works best because screens are full-height.
* **A logo** (optional) — the header shows your store name as text until you upload one.

💡 **A note on the homepage:** Showcase's homepage is intentionally focused. It renders exactly two sections — **Product stories** and **Lookbook** — and you can't add other sections to it. That's by design: the homepage *is* the story deck. Everything else (about pages, contact, blog) lives on its own page.

## Where things live in the editor

Almost everything in these docs happens in the theme editor:

👉 **Online Store → Themes → find Showcase → Customize**

Two areas to know:

* **The left sidebar** — sections and blocks for the page you're viewing. This is where you add story blocks, looks, and cart drawer blocks.
* **Theme settings** (the paintbrush/gear icon at the bottom left) — global settings: colors, typography, layout, product cards, cart, **free gift**, and social links. Covered in [Theme settings](/sitesbyseth-docs/showcase/theme-settings.md).

Ready? Start with [Installing the theme](/sitesbyseth-docs/showcase/getting-started/installing.md).


---

# 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/showcase/getting-started.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.