Unable to properly pass parameters to the checkout to set locale and prefilled shipping address

Unable to properly pass parameters to the checkout to set locale and prefilled shipping address

adamatronix
Shopify Partner
17 0 4

I don't know if it's related to this: https://community.shopify.com/c/shopify-design/updated-all-merchants-now-have-the-option-to-choose-o..., the new one page checkout, but I am unable to pass parameters to the checkout properly. Mind you, I am doing it via the checkout.webUrl with the js-buy sdk. But even manually adding the params to the final checkout url it still doesnt work.

Essentially I have a zapiet store pickup third part app, and I want the checkout to reflect that the user chose pickup. I have made en-AU locale file for checkout to have wording that says "pickup" etc... so I want to set that checkout to be en-AU. Previously that has worked with my setup, but I notice the checkout.webUrl structure changes when actually loaded, and removes my params.

 

I have seen other stores implement it fine, with a similar setup as mine, zapiet + headless. For example they can do the following and not have any url changes: https://shop.parsonsnose.co.uk/14775166/checkouts/dbe10c7f7df5829f1617d6e7cad783b6?locale=en-CA&meth...

Wonder if anyone else has experience with js-buy checkout.webUrl and appending params.



Replies 3 (3)

adamatronix
Shopify Partner
17 0 4

Screenshot 2023-11-20 at 9.48.25 AM.png

 Like how is this store able to achieve this layout? Is it a Shopify plus feature?

tobebuilds
Shopify Partner
567 41 151

It's possible that they could be using checkout UI extensions, which are part of Checkout Extensibility, and therefore only available to Shopify Plus.

Founder, Regios Discounts app (4.8 stars, 89 reviews, Built for Shopify)
- Custom discounts made simple
- "Just about any discount you'll ever need"
- Built by an ex-Google software engineer
- Often imitated, never duplicated

ecbLR
Excursionist
11 0 2

Dealing with a similar issue, though unrelated to layout. Our team relies on data sent from our non-Shopify store to checkout through URL params. The data gets stripped from the URL by Extensibility and we're looking for a new way to pass this information.