statamic-rad-pack / shopify

Integrate your Shopify products into Statamic using the Admin API.
https://statamic.com/addons/rad-pack/shopify
Other
8 stars 5 forks source link

Checkout Confirmation Continue Shopping #202

Closed adnankussair closed 6 months ago

adnankussair commented 9 months ago

Upon checkout confirmation there seems to be a continue shopping button that Shopify's hosted checkout displays. This button poses a bit of a user experience issue because it takes you to the default Shopify store channel homepage which obviously doesn't exist since we are using statamic for the "brochure" side of things.

Are you aware of a way to address this? I think only the highest plan with Shopify allows modification of the checkout templates in Shopify.

image

image

ryanmitchell commented 9 months ago

You can remove the link by entering a blank value here: CleanShot 2024-02-06 at 07 47 14@2x

Instructions here - https://meetanshi.com/blog/remove-return-to-cart-from-shopify-checkout-page/

just search for "Return to store link label"

adnankussair commented 9 months ago

@ryanmitchell I'm assuming this means the Online store channel needs to be installed. I didn't have it installed since we technically don't need it. Any way you have found to redirect the homepage of the Shopify hosted online store (which you currently have password protected on your demo) to redirect the user back to the statamic site url?

ryanmitchell commented 9 months ago

I think you would be best directing these questions to shopify - it’s not really in the remit of this add on.

adnankussair commented 9 months ago

@ryanmitchell I appreciate the help this far. I did reach out to Shopify support prior to posting here and they had no clue how to address these other than stating "sign up" for a paid plan and all the issues will be resolved, which I know that is not accurate. I was just trying to see how you addressed these with your add-on in situations where the site is infact live with customers flowing through.

ryanmitchell commented 9 months ago

We have a couple of development projects using the add on at the moment. If/when we solve it I’ll update here.

adnankussair commented 9 months ago

Thanks @ryanmitchell I appreciate your help on this. 🙏🏽

adnankussair commented 9 months ago

@ryanmitchell The solution presented in the link doesn't make the continue shopping button disappear:

Screenshot 2024-02-06 at 7 33 33 AM

This matters in the context of this addon because it's a bit of a "hacky" user flow. Seems like Shopify is assuming every checkout session has a store. This won't be an issue if the Continue shopping button destination is either configurable or we can remove it altogether. If Shopify allowed using custom CSS in the checkout screens, we could just set the button to display: none, but Shopify does not.

Ultimately, I think how to address this and have Shopify set up to pair perfectly with this addon should be included in the documentation.

Two issues need to be resolved in order of importance:

  1. The continue shopping button should be able to be removed or it's destination customized
  2. The root of the shopify hosted domain should take the user to the homepage of the statamic site not to the online store channel (as technically an online store channel doesn't exist).
ryanmitchell commented 9 months ago

As stated, I'll update here if/when I find a resolution, but as far as I'm concerned this a Shopify issue not an add-on one.

ryanmitchell commented 6 months ago

Our solution to this is to add a JS location redirect in the shopify theme. It works fine.

adnankussair commented 6 months ago

Our solution to this is to add a JS location redirect in the shopify theme. It works fine.

Yup. I ended up doing exactly the same.