Add popup modal after recommendation popup (Shopify Geolocation)

Technical Q&A

Topic summary

A user is attempting to implement a newsletter signup popup on their Shopify homepage, but it disappears when the Geolocation recommendation popup appears.

Proposed Solution:

  • One respondent suggested adjusting the CSS positioning of the popup by adding specific code to the theme’s base.css.liquid file
  • The CSS modification would reposition the modal container (left: 38% !important)

Current Status:

  • The original poster clarified they want the newsletter popup to appear after the Geolocation popup is closed, not simultaneously
  • Currently, closing one popup causes the other to disappear
  • Another user expressed interest in a JavaScript-based solution that checks when the Geolocation popup closes before triggering the newsletter popup

Unresolved:
No working solution has been confirmed yet. The discussion remains open with participants seeking a way to sequence the popups rather than just reposition them.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I am trying to create signup newsletter popup on the homepage.

But it was disappear if Geolocation popup appears.

Is there a way to create a popup that still working after Shopify Geolocation recommendation popup?

Here is my website link: https://coastalvillahomeware.com/

2

@huruharareza

Hello

You can set the position of that popup

like that

oscprofessional_0-1669363569260.png
oscprofessional_0-1669363569260.png1878×945 331 KB

by adding css

.recommendation-modal__container {
    left: 38% !important;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.css.liquid

3

Thank you for your reply @oscprofessional

I am trying to make the newsletter popup appear after Geolocation popup closed.

At the moment if I close Geolocation Popup, the other one will disappear.

4

did you have any luck? I am looking for a way to check if its open with JS and then keep checking once its closed execute.