Hello,
I need to find a way to implement a function on my Shopify store that forces customers to select a city upon loading the website.
I need this as I only sell in one country, but my products differ based on the city due to shipping constraints - these are sometimes perishable items which I can only ship in my local city.
Up until now I was able to use Selecty to force have a popup once the page loads, which asks you to select location, but it only works for countries because shopify markets are country specific. I was unable to find a way to narrow down to cities or create custom markets.
Does anyone have a solution to solve my problem? I couldn’t find an app to do this and I’m not quite sure if or how much a shopify expert would charge for this. I was hoping to find a “plug n play” or native solution.
Much appreciated in advance!
Shopify Markets doesn’t support city-level targeting out of the box, which makes things tricky for localized delivery. Since Selecty only works on a country level, you’ll likely need a custom solution with a bit of theme scripting.
The most straightforward way is to use a simple popup or banner at page load (using JavaScript or Shopify’s built-in cart.attributes or localStorage) where users select their city, then you show/hide products or collections based on that choice. It’s not as heavy as it sounds, a basic setup can be done with Liquid + JS and won’t require major backend changes.
If coding isn’t your thing, you could try apps like GeoIP Country Redirect (some allow manual region setup), or hire a Shopify dev for lightweight customization. One note: the app Geo Targetly has a free tier that might actually do the trick if you structure your city-specific collections smartly.