How to customize theme with age check pop up still showing?

Technical Q&A
,

Topic summary

Issue: After adding a custom age-check modal to a Shopify store (Dawn theme), the popup persists inside the Theme Editor, preventing customization. Pressing Enter does not dismiss it.

Context: The age gate is a custom Liquid/HTML snippet (adult header/text, 18+ check, optional DOB selectors). A screenshot is referenced but not provided. Support asked for more details (store URL, app/theme), and the user confirmed using Dawn and shared code.

Proposed approach: Helper suggests first clicking inside the preview pane then the Enter button in the editor. If that fails, add a script to hide the popup when in the Shopify admin/editor and place it before the closing tag in theme.liquid (Shopify’s main layout file). Note: The actual script code is not visible in the thread and appears central to the fix.

Status/next steps: User reports Enter still doesn’t work and asked where to paste the script. Helper advised adding it before in theme.liquid. No confirmation of resolution; outcome pending. Action item: Implement the (missing) script to suppress the modal in the admin/editor and retest.

Summarized with AI on January 7. AI used: gpt-5.
1

I’ve added a age check to our store, and its working great. But unfortunately we are unable customize our theme anymore as the pop up message still showing even if we pressed ENTER. Seeking to your solution and support.

1 Like
2

Could I get a little more info on this issue?
-Possibly your store URL to see this issue.
-Which age checker are you using?
-Which theme are you using?

1 Like
3

Hello

we are using the below age check, after implementing its working fine. The issue is when are trying to edit or Theme Dawn

We are not able to access and the pop up message keep displaying on the screen. Check the below screenshot

{% assign enter_date_of_birth = false %}

{% assign age = 18 %}

{% capture adult_header %}
Adults only (18+)
{% endcapture %}

{% capture adult_text %}
This website contains adult material and is only suitable for those 18 years or older. Click Enter only if you are at least 18 years of age.
{% endcapture %}

{{ adult_header }}

{{ adult_text }}

Enter or Exit
.modal-prompt { background: #fff; border-radius: 2px; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); width: 330px; height: auto; margin: 0 auto; padding: 20px 35px 30px 35px; position: relative; top: 25%; z-index: 1000000; } .modal-prompt p, .modal-prompt h1 { color: #555555; } #prompt-background { background: url("{{ 'age-check-background.jpg' | asset_url }}") no-repeat center center fixed #555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999999; } .modal-prompt select { float: left; margin-right: 10px; }

IMG_6164.png
IMG_6164.png1125×2436 122 KB

4

You should still be able to click the Enter button correct? With the theme editor, you have to click inside the window then the button you want to click. If that doesn’t work, you can try something like this:

With this, you might be able to hide the popup when in the admin area.

5

Yes I can still press the Enter bottom but I will stay the same.
the script you sent where exactly we shuould paste it

Thank you

6

You can try adding the following code right before the closing tag on your theme.liquid file: