Customer Login

The Customer Login section is the main container for the main-login template, used on customer account login and password reset pages (e.g., /account/login, /account/recover). It provides a branded, secure interface for user authentication.

Settings

Layout & Background

• Enable full width content: Expand the login page to 100% of the viewport width.
• Section class: Custom CSS class for the entire login section.
• Background: Set a solid or gradient background color.
• Or, use image: Apply a background image using a preset from Theme Settings → Style scheme settings → Background Image Schema.

  All four settings above follow: Blocks → Overview → General Settings

Login Card

• Card style: Visual preset for the login form container from Theme Settings → Style scheme settings → Cards Style Schema.
• Width: Card width as a percentage or fixed value (e.g., 100%, 50%).
• Alignment: Horizontal position—left, center, or right.
• Logo: Display your store logo above the form (uses Dark logo by default).
  • Dark: Display your primary (dark) logo
  • Light: Display your alternate (light) logo—ideal for dark backgrounds
  • Store name: Show your store name as text (uses font from Theme Settings → Typography)
  • Hide: Display nothing (minimalist look)
• Enable Sign in with Shop: Show Shopify’s “Sign in with Shop” button for faster checkout (requires Shop app integration).

Form Style

• Input style: Styling for email/password fields from Theme Settings → Style scheme settings → Input Style Schema.
• Forgot password color schema: Link color for “Forgot your password?” from Theme Settings → Basic Settings → Colors.
• Icon lock color schema: Color of the lock icon in the password field, from Theme Settings → Basic Settings → Colors.

---

Child Blocks

Heading - Login

Main title (e.g., “Sign in to your account”). Settings follow Blocks → Basic Block → Heading.

Sign in button

Primary login button. Full settings managed via Blocks → Basic Block → Button.

Create account link

“Create account” call-to-action (links to /account/register). Styled as a text link or button. Full settings managed via Blocks → Basic Block → Button.

Heading – Reset your password*

Title for the password recovery form (e.g., “Reset your password”). Settings follow Blocks → Basic Block → Heading.

Reset password button

Submit button for password reset requests. Configured via Blocks → Basic Block → Button.