Popups and password page
Popups live in their own section group, Popups, so they can be managed in one place. The password page is a separate template with three layouts.
Where to find the popups#
In the theme editor sidebar, the Popups group is listed with the header and footer groups. It can hold four sections: Cookie consent, Country suggestion, Email signup popup and Age check. Add, remove or hide each one like any section.
The popups never show at the same time. They take turns in this order: cookie consent, age check, country suggestion, email signup.
Cookie consent#
| Setting | What it does |
|---|---|
| Set up the cookie banner and its regions in your Shopify admin under Settings, Customer privacy. This theme keeps its own popups off that banner. Add a menu link to #cookie-preferences, for example in the footer, so visitors can change their choice at any time. | |
| Banner | The theme sheet records consent through Shopify and shows only in the regions set in your customer privacy settings. If you choose it, turn off Shopify's own banner there so visitors do not see two. |
| Theme consent sheet | |
| Heading | |
| Text | Your privacy policy is linked under this text when one is published. |
Shopify decides who must be asked for consent. Set the regions under Settings › Customer privacy in your Shopify admin. Then choose who shows the banner:
- Shopify cookie banner: Shopify's own banner, set up and styled in your customer privacy settings. This is the default.
- Theme consent sheet: a sheet in the style of the theme. It records consent through Shopify's customer privacy tools and shows only in the regions you set in Shopify. If you choose it, turn off Shopify's own banner in your customer privacy settings so visitors do not see two.
To let visitors change their choice later, add a link to #cookie-preferences to a menu, for example the footer menu. With the theme sheet, the link reopens the sheet.
The theme provides the banner. It does not give legal advice. Check what your markets require.
Country suggestion#
| Setting | What it does |
|---|---|
| Suggests the visitor's own country, currency and language when Shopify detects a better match among your markets. Visitors are never redirected: they switch or stay, and a choice to stay is remembered for 30 days. Shows only when your store sells in more than one country or language. | |
| Show the country and language selectors | Lets visitors pick something other than the suggestion without leaving the sheet. |
When Shopify detects that a visitor is browsing from a country that one of your other markets serves better, a small sheet suggests that country, currency and language. Visitors are never redirected. They switch or stay, and a choice to stay is remembered for 30 days. The sheet shows only when your store sells in more than one country or language.
Email signup popup#
| Setting | What it does |
|---|---|
| Opens once per visitor, after cookie consent and the age check. Any link to #newsletter opens it too. Signups join your customer list as email subscribers. In the theme editor it shows only while this section is selected. | |
| Design | |
| Design | Corner: a sheet at the bottom right, a sheet from the bottom on mobile. |
| Size | Corner: small is text only, medium adds the picture, large has a taller picture and a larger heading. Full screen: the size of the heading. |
| Image | 1600 x 1200px .jpg recommended. Without an image the popup shows your store name on a quiet ground. |
| Dim the page behind the popup | The visitor answers or closes the popup before going on. Turn off to leave the page in use beside it. |
| Overlay opacity | A veil of the background color between the image and the text. |
| Content | |
| Heading | |
| Text | |
| Button label | |
| Consent text | Shown under the field. Link your privacy policy here. |
| When to show | |
| Delay | It also opens sooner, once the visitor has scrolled a third of the page. |
| Days before it shows again once closed | A visitor who signed up never sees it again on that device. |
| Who sees it | |
| Pages | |
| Hide for logged-in customers | Customers who already subscribed never see it. |
| After signup | |
| Heading after signup | |
| Text after signup | |
| Discount code | Optional. Shown with a copy button. Create the code in your discounts first: the theme does not create or check it. |
| Preview this state in the theme editor | |
Things to know:
- The popup opens once per visitor, after the delay or once the visitor has scrolled a third of the page, whichever comes first.
- It waits for cookie consent and the age check.
- Any link to
#newsletteropens it too. Use this for a Subscribe link in a menu. - Discount code only displays a code with a copy button. Create the code under Discounts in your Shopify admin first. The theme does not create or check it.
- In the theme editor, the popup shows only while its section is selected. Turn on Preview this state in the theme editor to see the message shown after signup.
Age check#
| Setting | What it does |
|---|---|
| Visitors answer before they see the store, and the answer is remembered on their device. The check runs in the browser, so search engines still read your pages. It is a self-declaration, not proof of age: ask a lawyer what your products require. | |
| The question | |
| Question | |
| Minimum age | |
| Heading | [age] is replaced by the minimum age. |
| Text | |
| Design | |
| Design | Corner: a sheet at the bottom right, a sheet from the bottom on mobile. The store is dimmed and blurred behind it. |
| Size | Corner: small hides the picture, large has a taller picture and a larger heading. Full screen: the size of the heading. |
| Image | 2400 x 1600px .jpg recommended. Optional. |
| Overlay opacity | A veil of the background color between the image and the text. |
| Where and how long | |
| Show on | |
| Collections | Used with Selected collections: these collection pages and the pages of their products ask for the check. |
| Days a yes is remembered | |
| When the answer is no | |
| Heading when the answer is no | |
| Text when the answer is no | |
| Link to leave the store | Optional. Shown as a button. Visitors are never redirected automatically. |
The age check asks visitors to confirm their age before they see the store, either with a yes or no question or with a date of birth. The answer is remembered on the visitor's device for the number of days you set. It can cover the whole store or selected collections and their products.
The age check is a self-declaration, not proof of age. It runs in the browser, so search engines still read your pages. Ask a lawyer what your products require.
Password page#
The password page is what visitors see while your store is protected by a password, under Online Store › Preferences. Open it in the theme editor from the template picker, under Password.
| Setting | What it does |
|---|---|
| The message under the heading is your password page message. Edit it in your online store preferences. Visitors enter the password from the link in the header. | |
| Layout | Opening soon: a sentence and an email field. Maintenance: a short message, when you are back and a contact link. Drop: full screen media, large type and a countdown. |
| Size | Small keeps the text in a narrow column. Medium is the standard. Large widens the column and sets the heading at its largest size. |
| Content position on desktop | |
| Logo | 600 x 200px .png recommended. Your store name shows if you leave this empty. |
| Logo width | |
| Heading | Your store name shows if you leave this empty. |
The three layouts#
- Opening soon: a heading, your password page message and an email field. For a store that has not launched.
- Maintenance: a short message, when you expect to be back and a contact link. For a store that is closed for a short time.
- Drop: full-screen image or video, large type and a countdown to an opening date. For a launch at a set moment.
The message under the heading is your password page message. Edit it under Online Store › Preferences in your Shopify admin. Visitors who have the password enter it from the link in the header of the page.
Background#
| Setting | What it does |
|---|---|
| Image | 3200 x 1800px .jpg recommended |
| Image on mobile | 1440 x 1800px .jpg recommended. The main image is used if you leave this empty. |
| Video | Plays silently in a loop over the image, with a pause control in the header. Not played when the visitor asked for reduced motion. |
| Overlay opacity | A veil of the background color between the media and the text. |
| Show the aurora light | A soft band of the theme's aurora colors rising from the foot of the screen. |
Countdown#
| Setting | What it does |
|---|---|
| Opening date and time | With a time zone offset, such as 2026-11-28T09:00:00+01:00. Without an offset the store time zone is used. Leave empty to hide the countdown. |
| Text before the countdown | |
| Show seconds | |
| Text when the time is over | The countdown hides if you leave this empty. Remove the store password yourself when you open: the theme cannot do it. |
The countdown runs to one real moment and stops there. The theme cannot remove the store password for you: when the time is over, turn the password off in your Shopify admin.
Maintenance#
| Setting | What it does |
|---|---|
| Return label | |
| Expected return | For example a day and an hour. Leave empty to hide the row. |
| Contact link label | |
| Contact link | A page, or an address that starts with mailto: for email. |
Email signup and footer#
| Setting | What it does |
|---|---|
| Email signup | |
| Show email signup | |
| Button label | |
| Text under the field | Use it to say what people sign up for and how to unsubscribe. |
| Footer | |
| Show social media icons | Uses the accounts from the theme settings. |