Main issue: Keeping Shopify’s native checkout working when a Hydrogen storefront moves to the brand’s main domain, since current checkout links use the same domain path (/checkouts/…), which would then be handled by the custom app rather than Shopify’s hosted checkout.
Is Shopify Plus required to customize or align the checkout (styling, layout) with a Hydrogen storefront?
How to maintain consistent navigation/menu and messaging between Hydrogen and the Online Store/checkout (noted inconsistencies like different free-shipping banners)?
Whether building a custom checkout is feasible for non-Plus stores.
How to correctly use or route the /checkout path in Hydrogen.
Status: Multiple users report the same problem; no confirmed solution shared. One user considered building a custom checkout but is unsure it’s possible. Requests directed to Shopify/Hydrogen team; thread remains unresolved with key implementation details still open.
We are using Hydrogen for developing a custom store front on our end.
Context
We want to use the existing(prebuilt) shopify flow for the checkout process ie we don’t want to design/implement a custom checkout at our end.
Right now our custom storefront is hosted on heroku on domain provided by heroku but we eventually plan to move it to our custom storefront to our original domain ie https://storedomain.com/.
Since we eventually plan to move our custom store front to our original domain. Doing so would break the checkout flow, if the checkout url remains same as it is now ie https://storedomain.com/…/checkouts/…, this url would start point to our custom store front instead of checkout flow as provided by Shopify.
It would be really helpful if anyone could guide us through this.
Were any of you able to solve this issue? I was under the assumption that you needed Shopify Plus account ($2K per month) to be able to do this (customize the checkout page in either hydrogen or liquid).
You go through the effort of making a hydrogen storefront which is very cool, but then you have to style the checkout area again to match your storefront?
Also, if you make a custom navigation Menu (bypassing the built in menu which pulls from a built-in dev store Menu), once you get to the checkout, it uses the built-in menu. So a custom menu in hydrogen becomes pointless?
I’m new to both as well. So maybe I’m missing something. There’s no way we can justify $2k per month on Shopify Plus as a startup.
@scottdixon or any other hydrogen/shopify people. Can you all answer?
Note: You can see this in action at the above example thread creator provided. If you get into their non-hydrogen side, the online store part, their navigations are all different. It says “free shipping on orders over $250” on the hydrogen side, and “free shipping on orders of $200” on the online store side if you click “Already have a Log-in” or get redirected to the non-hydrogen side in any way.