Age verification pop-up
Overview:
The Age Verifier section displays a modal overlay that prompts visitors to confirm their age before accessing site content. Designed for compliance with age-restricted product regulations, this section supports custom text, imagery, positioning, and button options.
Section Configuration:
Setting |
Description |
|---|---|
| Image | Uploads an image to be displayed inside the age verification modal. |
| Hide Image on Mobile | Hides the uploaded image on mobile devices when enabled. |
| Accept Button Label | Sets the text for the confirmation button (e.g., “YES, I'M OVER 18”). |
| Reject Button Label | Sets the text for the rejection button (e.g., “NO, I'M UNDER 18”). |
| Position | Determines the placement of the modal content. Options include Centered, Bottom Left, and Bottom Right. |
| Text Alignment | Sets the alignment of the modal text. Options include Left, Center, and Right. |
| Color Scheme | Applies a color scheme to the modal for consistent styling. |
Blocks Configuration:
Block Type: Heading
The Heading block displays a prominent title within the modal.
Setting |
Description |
|---|---|
| Heading | The text displayed as the main heading in the modal. |
| Heading Size | Sets the heading level (H2, H3, or H4) for styling purposes. |
| Heading Weight | Defines the font weight of the heading. Options range from Light to Extra Bold. |
| Bottom Margin | Controls the spacing below the heading block, in pixels (0–50). |
Block Type: Description
The Description block provides a detailed message or instruction regarding age verification.
Setting |
Description |
|---|---|
| Text | Rich text content shown below the heading. |
| Text Size | Sets the size of the description text. Options include Small, Medium, Large, and X-Large. |
| Text Weight | Adjusts the font weight of the description. Options range from Light to Extra Bold. |
| Bottom Margin | Controls the spacing below the description block, in pixels (0–50). |