> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.ecomx.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Shine Password Page

**Theme:** Shine · **Section type:** Password page section

The Password page section is what visitors see while your store is password protected, for example before launch. It shows your logo, a message, an email sign-up form, and your social media links over an optional background image.

> **Note:** This section is part of the password template. The password page has no header or footer. Each block can be added once: Logo, Subheading, Heading, Description, Newsletter, and Social media.

**What you can do**
- Turn on the password page and open it in the theme editor
- Add your logo and message
- Collect emails and show social media links
- Add a background image and overlay colors
- See what customers see
- Look up every setting in "Settings reference"
- Fix common problems

---

## Turn on the password page and open it in the theme editor
1. In the Shopify admin, go to **Online Store** > **Preferences**.
2. Under **Password protection**, turn on the password, set a password, and enter an optional message for your visitors.
3. Click **Save**.
4. In the theme editor, open the template selector at the top of the page and click **Others** > **Password**.
5. In the left sidebar, click **Password page**.

## Add your logo and message
1. Under **Password page**, click the **Logo** block and select a **Logo image**. A 280 x 80 px .png works well.
2. Drag **Max width on large screen** (40 to 200 px) and **Max width on mobile** (40 to 140 px) to size the logo.
3. Click the **Subheading** block and enter the **Text**.
4. Click the **Heading** block, enter the **Text**, and choose a **Heading size**: Headline, H1, H2, or H3.
5. Click the **Description** block and enter your message in **Richtext**.
6. Drag the blocks to change their order.
7. Click **Save**.

> **Tip:** If you don't select a logo image, the Logo block shows your store name as text.

## Collect emails and show social media links
1. Click the **Newsletter** block.
2. Enter the **Submit button** label, for example "Notify me", and choose a **Style**: Filled, Outlined, or Text link.
3. Click the **Social media** block and enter a **Heading**, for example "Follow us".
4. Choose a **Social media button style**: Filled button or Ghost button.
5. Click **Save**.

> **Note:** The Social media block shows the accounts you added in **Theme settings** > **Social media**.

## Add a background image and overlay colors
1. Click **Password page**.
2. Under **Image**, select a **Background image**. A 2880 x 1200 px .jpg works well.
3. Optional: select a **Mobile background image** (750 x 1100 px .jpg). If you don't add one, phones show the main image.
4. Under **Custom color**, pick a **Mask overlay** color and drag **Overlay opacity** (0 % to 90 %) to darken or tint the image.
5. Pick a **Text overlay** color so the text stays easy to read on the image.
6. Click **Save**.

> **Note:** The **Custom color** settings apply only when the section has a background image.

## What customers see
- **Password page:** your store message from **Preferences** at the top, then your logo, heading, description, sign-up form, and social media icons in the center of the page.
- **Sign-up form:** visitors enter their email and click the submit button. A message confirms the sign-up.
- **Footer:** "This shop will be powered by Shopify", an **Enter using password** link, and a **Login here** link for the store owner.
- **Enter using password:** opens a popup where visitors type the store password and click **Enter**.
- **Phones:** the mobile background image and the mobile logo width apply.

## Settings reference

### General
| Setting | What it does |
| ---- | ---- |
| Color scheme | Sets the background and text colors of the section. You edit color schemes in Theme settings > Colors. |

### Image
| Setting | What it does |
| ---- | ---- |
| Background image | Adds a background image behind the content. 2880 x 1200 px .jpg recommended. |
| Mobile background image | Adds a separate background image for phones. 750 x 1100 px .jpg recommended. |

### Custom color
| Setting | What it does |
| ---- | ---- |
| Mask overlay | Sets the color of the layer over the background image. Applies only with a background image. |
| Overlay opacity | Sets how strong the mask overlay is, from 0 % to 90 %. |
| Text overlay | Sets the text color over the background image. Applies only with a background image. |

### Logo block
| Setting | What it does |
| ---- | ---- |
| Logo image | Adds your logo. 280 x 80 px .png recommended. Without an image, the store name appears. |
| Max width on large screen | Sets the logo width on large screens, from 40 px to 200 px. |
| Max width on mobile | Sets the logo width on phones, from 40 px to 140 px. |

### Subheading block
| Setting | What it does |
| ---- | ---- |
| Text | Sets the short line above the heading. |

### Heading block
| Setting | What it does |
| ---- | ---- |
| Text | Sets the heading. Put words between [ and ] to highlight them. You choose the highlight style in Theme settings > Typography. |
| Heading size | Sets the heading size: Headline, H1, H2, or H3. |

### Description block
| Setting | What it does |
| ---- | ---- |
| Richtext | Sets the message below the heading. You can add bold, italic, and links. |

### Newsletter block
| Setting | What it does |
| ---- | ---- |
| Submit button | Sets the text of the sign-up button. |
| Style | Sets the button style: Filled, Outlined, or Text link. |

### Social media block
| Setting | What it does |
| ---- | ---- |
| Heading | Sets the text above the social media icons. |
| Social media button style | Shows the icons as a Filled button or a Ghost button (icon only). |

## Troubleshooting
**Customers can still see my store.**
The password page appears only when password protection is on. Turn it on in **Online Store** > **Preferences** in the Shopify admin.

**The social media icons don't show.**
Add your account links in **Theme settings** > **Social media**.

**The overlay colors have no effect.**
**Mask overlay**, **Overlay opacity**, and **Text overlay** apply only when you add a **Background image**.

**I can't add a second Heading or Description block.**
Each block can be added once to the section.

## Related articles
- [Shine Newsletter](https://doc.ecomx.co/en/article/shine-newsletter-18to2us/)
- [Shine Theme Settings](https://doc.ecomx.co/en/article/shine-theme-settings-1876q8v/)
- [Shine Typography](https://doc.ecomx.co/en/article/shine-typography-6k6p3o/)
- [Shine 404 Page](https://doc.ecomx.co/en/article/shine-404-page-9xaklf/)