Use shopify hydrogen to open shopify store in a Div or iFrame

maxicrisp
Shopify Partner
2 0 0

I'm looking to build out a series of Shopify stores for some clients but they are wanting the stores created with 2 visual display options.

 

1. Open the shopify store in a div over existing content with toggle-able closing option.

2. Integrate it as part of their website  eg. https://example.com/store

 

  • Option 1 could potentially work with clickjacking disabled and checkout happening in a new window/tab
  • Option 2 is harder as checkout is still operating offsite (I think).

 

If I was to use Hydrogen, would I be able to somehow bypass with a proxy react app somewhere, or integrate the hydrogen app somehow? Below is how i'm thinking for it to work with a proxy, but i'd prefer a direct approach if possible. I also read here that you could use shopify's storefront API to potentially build it but that feels like overkill.

Hydrogen_store (1).jpg

 Thanks in advance for the assistance.

Replies 0 (0)