Age verification

A gate that asks visitors to confirm their age before they can browse the store. It opens on the first page a visitor lands on and stays there until they answer — there is no close button, so the store stays covered until the shopper confirms.

Use it for age-restricted catalogues such as alcohol, tobacco, or adult products.

---

Structure

┌──────────────────────────────┐
│  Age Verification            │
│  ┌────────────────────────┐  │
│  │  [ Header ]            │  │  ← Subheading / Heading / Text
│  │  [ Blocks ]            │  │
│  │                        │  │
│  │  [ Accept button   ]   │  │  ← always last
│  │  [ Decline button  ]   │  │
│  └────────────────────────┘  │
└──────────────────────────────┘

The Button block always sits at the bottom of the popup and cannot be removed or reordered. Everything above it is yours to build from blocks.

Age verification overview

---

How to add it

1. In the theme editor, scroll to the Overlay group in the section list.

2. Click Add section and choose Age verification.

3. Edit the Header block to write your question and legal wording.

4. Select the Button block to set the accept and decline labels.

5. Click Save.

Only one Age verification popup can be added to the store, and it applies to every page.

---

Settings

Setting	Description
Reappear after	How many days a confirmation is remembered before the popup asks again.
Alignment	Aligns the content inside the popup left, center, or right.
Gap — Desktop / Mobile	Space between the blocks inside the popup.

Background

Setting	Description
Background image	An image shown behind the popup, covering the page instead of the plain overlay.
Blur image	Softens the background image so the popup content stays easy to read.

Color

Setting	Description
Color scheme	Color of the layer behind the popup. Available when no background image is set.
Content color scheme	Color scheme of the popup card itself — its background, text, and buttons.

The popup keeps working while you edit it. Selecting the section in the theme editor reopens it, so you always see what you are changing.

---

Button

The accept and decline buttons at the bottom of the popup. This block is built into the section — it is always present and always last.

Setting	Description
Accept button label	Text on the button that lets the visitor in. Clear it to hide the button.
Label	Text on the decline button. Clear it to hide the button.
Link	Where the decline button sends the visitor — usually an external page explaining the age restriction.
Open link in new tab	Opens the decline link in a new browser tab.
Style	Button style for the decline button, so it reads as the secondary choice next to Accept.
Gap — Desktop / Mobile	Space between the two buttons.

Give the decline button a Link. Without one it does nothing when clicked, and the visitor is left facing a popup they cannot get past.

The accept button is always the primary button style, so it stands out as the expected answer. Only the decline button's style can be changed.

---

Available Blocks

Add and arrange these above the buttons to build the message.

Block	Description
Header	A container for the subheading, heading, and text, spaced as one group.
Heading	A standalone heading line — for example, "Are you 18 or older?".
Subheading	A smaller label above the heading.
Text	A rich-text block for the legal wording.
Image	An inline image, such as your logo.

---

Need help?

Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.

Chat with us Submit a ticket