Change the placement of core Checkout elements

Solved

Change the placement of core Checkout elements

mattkennedy
Shopify Partner
3 0 1

Hello clever people, I need to know if Shopify Plus can do this specific thing:

My client wants to make some changes to the core flow of the checkout pages, such as moving the Shipping method section under the Shipping details section on the Information page (effectively eliminating the "Shipping" page), or moving the Payment section under the Delivery section if "Pick up" is chosen (eliminating the need for a Payment page).

 

I know nothing like this is possible on Shopify Advanced (my client's current plan) and they are willing to upgrade to Shopify Plus, but only if this specific change is possible to be made to the Checkout.

 

I have looked into Functions and UI Extensions, but they appear to be more about additions to the checkout (custom fields, upselling stuff, discounts, etc) and I've found nothing about the core flow. I've spoken to Shopify Support and the most I got was it "should" be possible, but little in the way of concrete instructions.

 

I have created a Developer Preview store and had a poke around, but from what I'm seeing I'm not confident it can be done. Side note: I create a Checkout extensibility developer preview to gain access to the UI Extensions and Functions, but I am unable to create a custom checkout.liquid file, which I assume is limited Shopify Plus installs, and Dev previews can't do it.

 

On a related note my client is aware of the upcoming One-page checkout, but there is no firm release date and my client is interested in getting these updates sorted as quickly as possible, if possible.

Thank you for any information.

Accepted Solution (1)

jordanholmes
Shopify Expert
152 28 31

This is an accepted solution.

Hello,

 

No you can't do that - at least not right now.

 

Shopify are releasing a one page checkout which I think is what you are trying to achieve. It just released for Development stores

 

One page checkout in the checkout editor — Shopify developer changelog

 

I would just wait for that

Jordan Holmes
Shopify Expert and Ruby on Rails Developer
Shopify Partner Directory

View solution in original post

Replies 2 (2)

jordanholmes
Shopify Expert
152 28 31

This is an accepted solution.

Hello,

 

No you can't do that - at least not right now.

 

Shopify are releasing a one page checkout which I think is what you are trying to achieve. It just released for Development stores

 

One page checkout in the checkout editor — Shopify developer changelog

 

I would just wait for that

Jordan Holmes
Shopify Expert and Ruby on Rails Developer
Shopify Partner Directory

Liam
Shopify Staff
2807 310 805

Hi Matt,

 

The one-page checkout is available in developer preview now, so you could test out if it's meeting your requirements: https://shopify.dev/changelog/one-page-checkout-in-the-checkout-editor

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog