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.