Password page settings
Email signup banner
A full-width banner with an email signup form, for example on the password page of a store that is not open yet. Its content is built from blocks: add them with Add block in the section. Each email subscription creates a customer account.
Blocks you can add to the section
Each block can be added once, up to 5 blocks in total.
- Subheading: a short line above the heading.
- Heading: the main title.
- Paragraph: a short description.
- Email form: the email field with the subscribe button.
- Countdown: a countdown timer.
Section settings
| Setting |
Description |
| Color scheme |
Color scheme applied to the section. Schemes are managed in Theme settings → Colors; use Edit scheme to jump there. Default: Scheme 1. |
Background image
| Setting |
Description |
| Show background image |
Shows an image in the banner. The settings below appear only when this is on. Default: On. |
| Image |
Image of the banner. |
| Image overlay opacity |
Darkens the image so the text stays readable. Range: 0–100 %, step 5. Default: 0 %. |
| Image position |
Where the image sits: Left, Right or Cover (fills the whole banner). Default: Cover. |
Layout
| Setting |
Description |
| Desktop content alignment |
Aligns the content to the Left, Center or Right on desktop. Default: Center. |
| Mobile content alignment |
Aligns the content to the Left, Center or Right on mobile. Default: Center. |
Padding
| Setting |
Description |
| Top |
Space above the content on desktop. Range: 0–200 px, step 2. Default: 120 px. |
| Bottom |
Space below the content on desktop. Range: 0–200 px, step 2. Default: 120 px. |
| Top mobile |
Space above the content on mobile. Range: 0–120 px, step 2. Default: 60 px. |
| Bottom mobile |
Space below the content on mobile. Range: 0–120 px, step 2. Default: 60 px. |
Custom CSS
The Custom CSS field at the bottom of the section panel is a standard Shopify setting. CSS entered there applies to this section only.
Subheading block
| Setting |
Description |
| Subheading |
Text of the subheading. Supports inline formatting. Default: Stay tuned. |
| Preset |
Typography preset: Subheading, Caption, Paragraph or Small text. Presets are edited in Theme settings → Typography. Default: Subheading. |
| Icon |
Decorative icon before the text: None, Dot, Square or Triangle. Available only with the Subheading preset. Default: Triangle. |
| Icon color |
Color of the icon: Heading, Text, Accent or Custom. Available only with the Subheading preset and an icon selected. Default: Custom. |
| Icon custom |
Custom icon color. Available only when Icon color is Custom. Default: #2B62C8. |
| Icon custom dark mode |
Custom icon color used in dark mode. Available only when Icon color is Custom and dark mode is enabled in Theme settings. Default: #2B62C8. |
| Font |
Font family: Heading large, Heading small, Body or Accent. Default: Accent. |
| Color |
Text color: Heading, Text or Accent. Default: Text. |
| Text style |
Letter case: Normal, Uppercase or Lowercase. Default: Uppercase. |
| Bottom space |
Space below the subheading on desktop. Range: 0–60 px. Default: 16 px. |
| Bottom space mobile |
Space below the subheading on mobile. Range: 0–40 px. Default: 8 px. |
Heading block
| Setting |
Description |
| Heading |
Text of the heading. Supports inline formatting. |
| Preset |
Typography preset: Hero, H1–H6, Subheading, Caption, Large text, Paragraph or Small text. Default: H2. |
| Icon |
Decorative icon before the text: None, Dot, Square or Triangle. Available only with the Subheading preset. Default: Triangle. |
| Icon color |
Color of the icon: Heading, Text, Accent or Custom. Available only with the Subheading preset and an icon selected. Default: Custom. |
| Icon custom |
Custom icon color. Available only when Icon color is Custom. Default: #2B62C8. |
| Icon custom dark mode |
Custom icon color used in dark mode. Available only when Icon color is Custom and dark mode is enabled in Theme settings. Default: #2B62C8. |
| Font |
Font family: Heading large, Heading small, Body or Accent. Default: Heading large. |
| Color |
Text color: Heading, Text or Accent. Default: Heading. |
| Text style |
Letter case: Normal, Uppercase or Lowercase. Default: Uppercase. |
| Bottom space |
Space below the heading on desktop. Range: 0–60 px. Default: 24 px. |
| Bottom space mobile |
Space below the heading on mobile. Range: 0–40 px. Default: 16 px. |
Paragraph block
| Setting |
Description |
| Description |
Text of the paragraph. Supports inline formatting. Default: Be the first to know when we launch. |
| Preset |
Typography preset: Hero, H1–H6, Subheading, Caption, Large text, Paragraph or Small text. Default: Subheading. |
| Icon |
Decorative icon before the text: None, Dot, Square or Triangle. Available only with the Subheading preset. Default: None. |
| Icon color |
Color of the icon: Heading, Text, Accent or Custom. Available only with the Subheading preset and an icon selected. Default: Custom. |
| Icon custom |
Custom icon color. Available only when Icon color is Custom. Default: #2B62C8. |
| Icon custom dark mode |
Custom icon color used in dark mode. Available only when Icon color is Custom and dark mode is enabled in Theme settings. Default: #2B62C8. |
| Font |
Font family: Heading large, Heading small, Body or Accent. Default: Accent. |
| Color |
Text color: Heading, Text or Accent. Default: Text. |
| Text style |
Letter case: Normal, Uppercase or Lowercase. Default: Uppercase. |
| Bottom space |
Space below the paragraph on desktop. Range: 0–60 px. Default: 24 px. |
| Bottom space mobile |
Space below the paragraph on mobile. Range: 0–40 px. Default: 16 px. |
The email field with the subscribe button.
| Setting |
Description |
| Bottom space |
Space below the form on desktop. Range: 0–60 px. Default: 24 px. |
| Bottom space mobile |
Space below the form on mobile. Range: 0–40 px. Default: 16 px. |
Countdown block
Timer
| Setting |
Description |
| Countdown label |
Text shown with the timer, for example “Launching in”. Supports inline formatting. Default: Launching in. |
| End date |
Date and time the countdown counts down to. Example: Dec 31, 2030 or Dec 31, 2030 20:00. Default: July 01, 2026. |
| Timer behavior |
What happens when the timer ends: Stop and show zeros, Restart when finished (cycle) or Hide when finished. Default: Restart when finished (cycle). |
| Cycle duration |
Length of each repeated cycle. Available only when the timer restarts. Range: 1–48 h, step 0.5. Default: 24 h. |
Number styling
| Setting |
Description |
| Number size (desktop) |
Size of the timer numbers on desktop. Range: 24–72 px, step 2. Default: 48 px. |
| Number size (mobile) |
Size of the timer numbers on mobile. Range: 18–48 px, step 2. Default: 32 px. |
| Font |
Font of the numbers: Heading large, Heading small, Body or Accent. Default: Heading large. |
| Color |
Color of the numbers: Heading, Text or Accent. Default: Heading. |
Labels
| Setting |
Description |
| Days label |
Word shown under the days number. Default: Days. |
| Hours label |
Word shown under the hours number. Default: Hours. |
| Minutes label |
Word shown under the minutes number. Default: Minutes. |
| Seconds label |
Word shown under the seconds number. Default: Seconds. |
| Label size (desktop) |
Size of the labels on desktop. Range: 10–32 px. Default: 14 px. |
| Label size (mobile) |
Size of the labels on mobile. Range: 10–32 px. Default: 12 px. |
| Font |
Font of the labels: Heading large, Heading small, Body or Accent. Default: Accent. |
| Color |
Color of the labels: Heading, Text or Accent. Default: Text. |
| Bottom space |
Space below the countdown on desktop. Range: 0–60 px. Default: 24 px. |
| Bottom space mobile |
Space below the countdown on mobile. Range: 0–40 px. Default: 16 px. |
