> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/other-pages/password-page.md).

# Password page

You can restrict visitors access to your online store by adding the password page in the **Password protection** section. The password page is a landing page that requires any visitor to provide a password to visit your online store. If you want your customers to access your online store, then you can provide them with the password to your online store.

<figure><img src="/files/EEd2E2ETmSC6WkPv9njY" alt=""><figcaption></figcaption></figure>

## Static sections

Sections designed specifically for the Password page.

{% hint style="success" %}
**Steps**

1. In the theme editor (**Customize**), open the template selector.
2. Select **Password.**
3. On the left-sidebar, add **Main password page**
4. Make necessary changes > **Save.**
   {% endhint %}

You can find more information about the Shopify password page in the provided link: [Shopify Password Page Guide](https://help.shopify.com/en/manual/online-store/themes/password-page).

## Section Settings

### General Settings <a href="#general-settings" id="general-settings"></a>

<figure><img src="/files/0lJkJ1mCJkjxOO3FDmdC" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Image</strong></td><td>Upload an banner image</td></tr><tr><td><strong>Image position</strong></td><td>Position of image relative to content</td></tr><tr><td><strong>Alignment</strong></td><td><p>The position of the heading and description.</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr><tr><td><strong>Content max width</strong></td><td>Adjust the width of the appropriate content</td></tr></tbody></table>

### Block settings

<figure><img src="/files/SACVvaqRmZfDxFyCRVbp" alt=""><figcaption></figcaption></figure>

**Subheading, Heading, Description**

<figure><img src="/files/KYhE5XE20uuQLLUtjFV9" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Subheading, Heading, Description</strong></td><td>The title of the block</td></tr><tr><td><strong>Width</strong></td><td><p>The width of text block:</p><ul><li><strong>Fit</strong>: adapts to the text length.</li><li><strong>Fill</strong>: stretches across the container width.</li></ul></td></tr><tr><td><strong>Typography - Preset</strong></td><td>Choose a preset style (font, size, weight) from <strong>Theme settings → Typography</strong>.</td></tr><tr><td><strong>Background</strong></td><td>Toggle ON to enable a background area behind the text.</td></tr><tr><td><strong>Background color</strong></td><td>Select the color for the text background.<br><em>* Note: Only appears when <strong>Background</strong> is enabled</em></td></tr><tr><td><strong>Corner radius</strong></td><td>Adjust the roundness of the background corners<br><em>* Note: Only appears when <strong>Background</strong> is enabled</em></td></tr><tr><td><strong>Padding top/bottom</strong></td><td>Adjust these values to control the amount of space between the section’s content and its outer edges.</td></tr></tbody></table>

#### Countdown timer

<figure><img src="/files/faHtaDqC0Pk3H1GZMtnJ" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="211">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>End time</strong></td><td>Set the countdown's end date (format: mm-dd-yyyy). The timer stops after this date.</td></tr><tr><td><strong>Expired message</strong></td><td><p>Message shown when the timer ends. You can customize it.</p><p><em>*Note: This message will be displayed when the time has expired.</em></p></td></tr><tr><td><strong>Design</strong></td><td><p>Choose your timer style:</p><ul><li><strong>Default</strong></li><li><strong>Modern</strong></li></ul></td></tr><tr><td><strong>Spacing bottom</strong></td><td>Adjusts the space below</td></tr></tbody></table>

**Email subscription**

<figure><img src="/files/gAQj0foAjpi1bnSyWCxx" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Email placeholder text</strong></td><td>Text brief hint inside email field</td></tr><tr><td><strong>Button label</strong></td><td>Button content</td></tr><tr><td><strong>Spacing bottom</strong></td><td>Adjusts the space below</td></tr></tbody></table>