Appearance
Overlay section group
Newsletter section
IMPORTANT
You need to keep this section active if you want to use it in other places in your online store, such as the footer etc.
You can collect customer emails by adding a newsletter signup section to your online store. This allows customers to subscribe without adding items to their cart or going through checkout.
Submitted emails are stored in the Email subscribers segment on the Customers page in your Shopify admin. You can then use Shopify Email to send promotional emails.
Settings
| Setting | Description |
|---|---|
| Delay | Time (in seconds) before the newsletter signup form appears. |
| Frequency | Days before a closed popup reappears when a user revisits the site. |
| Dialog → Width | Normal: Standard width. Compact: Smaller, more condensed dialog. |
| Dialog → Position (Desktop) | Placement of the dialog on desktop devices. |
| Dialog → Position (Mobile) | Placement of the dialog on mobile devices. |
| Content → Spacing | Adjusts spacing between elements inside the dialog. |
| Content → Alignment | Controls the alignment of content within the dialog. |
| Appearance → Show dialog backdrop | Adds a background overlay behind the dialog. |
| Appearance → Color scheme | Selects a color scheme for the dialog. |
| Appearance → Use global color scheme | Applies the global color scheme, overriding individual settings. |
You can customize the newsletter section using the following blocks:
Blocks
| Block | Description |
|---|---|
| Heading block | Displays the section heading. |
| Description block | A message encouraging subscribers to sign up. |
| Image block | A banner image to attract subscribers. |
| Form block | The newsletter signup form. |
| Disclaimer block | Adds a disclaimer to the signup form. |
External links
Cart section
This is the cart dialog that appears when customers click the cart icon in the sitre's header.
IMPORTANT
You need to keep this section active if you want to use it in other places in your online store, such as the header buttons.
Settings
These settings only customize the cart dialog. For additional cart options, go to Theme settings → Cart.
| Setting | Description |
|---|---|
| Position | Placement of the cart dialog. |
| Appearance → Color scheme | Selects a color scheme for the dialog. |
| Appearance → Use global color scheme | Applies the global color scheme, overriding individual settings. |
Search section
This is the search dialog that appears when customers click the search icon in the site's header.
IMPORTANT
You need to keep this section active if you want to use it in other places in your online store, such as the header buttons.
Settings
These settings only customize the search dialog. For additional search options, go to Theme settings → Search.
| Setting | Description |
|---|---|
| Position | Placement of the cart dialog. |
| Appearance → Color scheme | Selects a color scheme for the dialog. |
| Appearance → Use global color scheme | Applies the global color scheme, overriding individual settings. |
Back-to-top section
A back-to-top button appears after customers scroll a certain distance down the page. Clicking the button the page scrolls back to the top.
Age verification section
This section lets you verify a customer’s age before granting access to your site. Many countries legally require this for certain content, such as alcohol or other age-restricted products.
You can customize the age verification section using the following blocks:
Blocks
| Block | Description |
|---|---|
| Heading block | Displays the section heading. |
| Text block | Customizes the section text. |
| Logo block | Adds a logo to the section. |
| Buttons block | Customizes the buttons. Set buttons to verify age and define a redirect URL for underage users. |
| Year input block | Adds a year input field for age verification. Set the minimum age required to access your site. |