> 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/reign/getting-started/drop-mode.md).

# Drop Mode (Password Page)

Most themes treat the password page as an afterthought. Reign treats it as a **launch weapon**: a dark, fully-designed teaser page with a hero slideshow, a "Members Only" password modal, a public shipping timeline, an FAQ, and an email capture — everything you need to build hype before (or between) drops.

## Turning the password page on

The password page is a Shopify feature, not a theme setting:

1. From Shopify admin, go to **Settings** → **Online store** (or **Online Store** → **Preferences** on some plans)
2. Under **Password protection**, check **Restrict access to visitors with the password**
3. Set your **password** — this is what early customers/friends use to get in
4. Optionally write a **message to your visitors** — Reign can display it on the page
5. Click **Save**

## Editing the page

1. In the theme editor, open the top-center dropdown
2. Choose **Others** → **Password**

You'll see these sections:

* **Password header** — the star of the show (details below)
* **Slideshow** — a 5-slide hero, same slideshow section as the homepage
* **Custom Liquid** — for embeds (a Klaviyo signup, a video, anything)
* **FAQ accordion** — answer "when does it ship?" before they DM you
* **Password footer** — social icons + the admin login line

You can add more sections — including the **Email signup banner** section, which is only available on this template (background image, positionable heading/text/email form — perfect for "Be the first to know when we launch").

## The Password header

A slim luxury bar with your logo in the center and two buttons: a **truck icon** (opens the shipping timeline modal) and a **lock icon** (opens the Members password modal).

### Header layout

| Setting                                        | What it does                                                                           | Default               |
| ---------------------------------------------- | -------------------------------------------------------------------------------------- | --------------------- |
| Full-width header                              | Stretch content edge-to-edge                                                           | Off                   |
| Hide logo (center slot)                        | Removes the logo                                                                       | Off                   |
| Hide modal heading / subheading text           | Hides the big titles inside both modals                                                | Off                   |
| Show store password message                    | Displays the message from your Shopify password settings                               | On                    |
| Transparent header over first section          | Bar sits transparently over your hero, going solid on scroll — just like the home page | Off                   |
| Bar text and icons (over media)                | Color used while transparent (use white over dark heroes)                              | #FFFFFF               |
| Background color / Height / Horizontal padding | Bar styling                                                                            | #000000 / 80px / 30px |
| Bottom border thickness / color                | Divider under the bar                                                                  | 1px / #2A2A2A         |

### Logo

Upload a **Logo image** (with alt text and max width, default 120px) — or skip it and Reign renders your store name as a text logo (size, weight, and color settings).

### Buttons

| Setting                                 | What it does                                                           | Default            |
| --------------------------------------- | ---------------------------------------------------------------------- | ------------------ |
| Button text color                       | Both header buttons                                                    | #FFFFFF            |
| Show shipping button label / label text | Text next to the truck icon                                            | On / "Track Order" |
| Show shipping timeline                  | Master switch — turn off to remove the truck button and modal entirely | On                 |
| Show password button label / label text | Text next to the lock icon                                             | On / "Members"     |

### The shipping timeline modal

This is Reign's answer to "where's my order?" during a pre-order drop — a public status timeline everyone can check:

* **Heading / Subheading** — default "Shipping Timeline" / "General shipping status for all orders"
* **Four timeline steps** with editable dates: *Bulk ordered* → *Bulk received* → *Shipping orders* → *All orders shipped*
* **Timeline bar** — set the **Progress percentage** (0–100%) manually as your production advances, plus start/end date labels
* **Accent / pending colors** — completed vs. upcoming steps

💡 Update the progress slider weekly during a pre-order campaign — it dramatically cuts support messages.

### The password modal

* **Heading / Subheading** — default "Members Only" / "Enter password to access exclusive content"
* **Input label / placeholder / submit text** and full button styling (background, text color, radius)
* **Wrong password message** (default "Incorrect password") and error color
* **Forgot password link** — optional link with custom text and URL (off by default)

⚠️ **The demo password toggle.** There's a setting called **Theme-only / demo password (not for live stores)**. Leave it **OFF** for real stores — that way the modal uses Shopify's *real* password form, checking the password from your Shopify settings and actually letting people in. Turning it ON switches to a browser-only fake check (with its own demo password, redirect URL, and success message) meant for design demos. It does **not** protect your store.

### Modal styling

Both modals share: **Background color** (#0A0A0A), **Text color** (#F5F5F5), **Close button color**, and **Backdrop opacity** (0.5).

## Password footer

Two settings: **Hide footer** (removes the social icons and the "Are you the store owner? Log in here" line) and its **Color scheme**.

## Launch-day checklist

1. Update the countdown timer on your homepage's **Header promo** to your drop time
2. Preview the *live* homepage one more time
3. Go to **Settings** → **Online store** and **uncheck** password protection
4. Post the link 🚀

💡 Between drops, just re-enable password protection — your drop-mode page is still there, ready to tease the next release.


---

# 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/reign/getting-started/drop-mode.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.