I am looking to create an interactive game which a user has to “beat” in order to enter my clients Shopify store. Not sure the best way to go about completing this either through natural JS and liquid or if there are any apps that give a full screen pop up functionality in which I can write the game too. The game is extremely simple and just includes clicking on a specific part of an image in order to enter the site. Any help or guidance would be greatly appreciated.
You’ll definitely need to get a hold of a developer to code that for you, a Javascript developer specifically (that has some familiarity with the Shopify realm so he can implement it into the store).
Please keep in mind it’s also quite of a complex project and will likely be expensive.
I have pretty decent knowledge with working with JavaScript, and I was mainly looking to see if anyone had any pointers or guidance. But, I will keep that option in mind!
I see. If you’re already experienced with Javascript how exactly may we help you?
You can simply start a Phase project and implement it into your store, I haven’t had the necessity to use it in a project for production yet, but I’d say it is potentially the easiest game developing framework out there for web.
I’ve had coworkers using it in huge projects (coding minigames for popular fast food restaurants) and they confirmed it is excellent.
you can use vue,next js, gatsby with Shopify if you don’t want to go that route, you can code it directly inside your index file and do a bunch of if statements
If the game is simple, I would lean toward using custom JavaScript along with Shopify’s Liquid templates to create a full-screen overlay. You could trigger it on page load and require a click event on a specific area to unlock the main site. Some popup apps might let you embed custom HTML/JS too, but going native would give you more control and a smoother experience.