# Age verification popup

The **Age Verification Popup** is designed to ensure that users accessing the website meet the legal age requirement to view certain content. This feature is particularly important for stores selling age-restricted products.

#### Configuration Options:

1. **Enable Debug Mode**:
   * **Purpose**: Forces the age verification popup to display on every page refresh in edit mode for testing purposes.
   * **Note**: Make sure to disable debug mode when publishing the store to avoid forcing the popup in the live environment.
2. **Background Settings**:
   * **Background Color**: Select the background color for the popup (in hexadecimal color code).
   * **Background Image**: Upload or choose an image to set as the popup background.
   * **Background Blur**: Enable this option to blur the background image, drawing more attention to the popup content.
3. **Content Settings**:
   * **Color Scheme**: Choose a color scheme for the popup content to ensure it aligns with the background settings.
   * **Title**: Set the main title for the popup, such as "Verify Your Age."
   * **Title Size**: Adjust the font size of the title—options include small, medium, or large.
   * **Title Uppercase**: Enable this option to display the title in all uppercase, creating a stronger visual impact.
   * **Description**: Enter a clear and concise description explaining the need for age verification to the user.
   * **Underage Message**:
     * **Denial Title**: Set the title for users who do not meet the age requirement, e.g., "Come back when you're older."
     * **Denial Description**: Provide an explanation for underage users, such as "Sorry, the content of this store is not suitable for users under the legal age."

#### Usage Tips:

* **Test Before Publishing**: Enable debug mode and refresh the page to ensure the popup displays correctly and all settings are functional before publishing.
* **Color Coordination**: Ensure that the background color, background image, and content text have appropriate contrast for readability.
* **Content Suitability**: Customize the description text according to local legal requirements to ensure the content aligns with regional laws.

#### Common Issues:

* **Popup Always Showing in Debug Mode**: Ensure that debug mode is disabled before going live to avoid the popup appearing every time users visit the site.
* **Blurry Background Image**: Try toggling the "Background Blur" option to adjust the clarity of the background image.
* **Misaligned Text**: Check the text alignment settings in the content section to ensure proper text alignment for better visual appearance.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://en-ascent.webvista.studio/popups/age-verification-popup.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.