> For the complete documentation index, see [llms.txt](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/templates/login-template.md).

# Login template

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

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

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

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

## **Adding a Section**

The section is static on a **Login page** template, it was added initially and cannot be removed.

## **Section settings**

### General

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

1. **`Image desktop`** - setting allows you to select an image for the **Desktop**;
2. **`Image mobile`** - setting allows you to select an image for the **Mobile**.

### Layout

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

1. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
2. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
3. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
4. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## Theme content

You can customize the text content in the Login section of Accounts (classic).

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

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

1. **`Title`** - setting allows you to select a Title for the section;
2. **`Email`** - setting allows you to select a label for the Email input;
3. **`Email placeholder`** - setting allows you to select a placeholder for the Email input;
4. **`Email aria label`** - setting allows you to select a aria label for the Email input;
5. **`Password`** - setting allows you to select a label for the Password input;
6. **`Password placeholder`** - setting allows you to select a placeholder for the Password input;
7. **`Recover password`** - setting allows you to select a label for the Recover password link;
8. **`Sign in`** - setting allows you to select a label for the Sign in button;
9. **`Sign up`** - setting allows you to select a label for the Sign up button;
10. **`Password aria label`** - setting allows you to select a aria label for the Password input;
11. **`Recover aria label`** - setting allows you to select a aria label for the Password link;
12. **`New customer`** - setting allows you to select a text for the New customer;
13. **`Sign in aria label`** - setting allows you to select a aria label for the Sign in button;
14. **`Sign up aria label`** - setting allows you to select a aria label for the Sign up button.

You can customize the text content in the Recover password section of Accounts (classic).

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

1. **`Title`** - setting allows you to select a title for the section;
2. **`Submit`** - setting allows you to select a label for the Submit button;
3. **`Submit aria label`** - setting allows you to select a aria label for the Submit button;
4. **`Cancel`** - setting allows you to select a label for the Cancel button;
5. **`Cancel aria label`** - setting allows you to select a aria label for the Cancel button;
6. **`Subtext`** - setting allows you to select a subtext for the section;
7. **`Success`** - setting allows you to select a success message after submit.

You can customize the text content in the Account section of Accounts (classic).

<figure><img src="/files/6t6NPOM6K681fjf2QZnY" alt=""><figcaption></figcaption></figure>

1. **`Show password`** - setting allows you to select a aria label for the show password button.

You can customize the text content in the Accessibility section of General

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

1. **`Error`** - setting allows you to select a title for the error;
2. **`From error title`** - setting allows you to select the from error title;