# 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.