Age Verification Popup

What This Sidekick Query Does

Create an age verification popup section for my Shopify theme that displays a fullscreen overlay modal when a visitor first arrives on the store. The popup should block access to the site content until the visitor confirms they are at least [MINIMUM_AGE] years old. The modal should display a logo using an image_picker setting, a heading [POPUP_HEADING], a description paragraph [POPUP_DESCRIPTION], and two buttons: Confirm (I am [MINIMUM_AGE] or older) with background color [CONFIRM_BG_COLOR] and Deny (I am under [MINIMUM_AGE]) with background color [DENY_BG_COLOR]. If the visitor clicks Confirm, set a cookie named [COOKIE_NAME] with an expiry of [COOKIE_EXPIRY_DAYS] days and close the overlay. If the visitor clicks Deny, redirect them to [DENY_REDIRECT_URL]. The overlay background should use color [OVERLAY_BG_COLOR] with opacity [OVERLAY_OPACITY]. The modal card should have background color [MODAL_BG_COLOR], text color [MODAL_TEXT_COLOR], border radius [BORDER_RADIUS] pixels, max-width [MODAL_MAX_WIDTH] pixels, and padding [MODAL_PADDING] pixels. The popup should not display in the Shopify theme editor preview so merchants can work on the theme freely. Include a setting to enable or disable the popup globally. Provide complete Liquid, CSS, and JavaScript with no external dependencies.

Expected Output

Tips to Improve Results