Implement an Single-Page / Accordion checkout flow plugin

Created on 28 November 2018, almost 6 years ago
Updated 6 June 2024, 3 months ago

First of all thank you so much for this unbelievably great project! This is fantastic and a huge step for Drupal and Commerce!

The concept of checkout flows is also wonderful! And I think it adds the option to provide a Single-Page Checkout by default.

Single-Page checkouts are the way to go in many modern shop systems, for example see the benefits in this article:
https://www.getelastic.com/single-page-checkout

I'd suggest to discuss a Singlestep plugin as alternative to the currently available "Multistep - Default" checkout flow.

Surely this will have other implications like for example adding a lot more AJAX magic for user login / account creation, but I guess that's also the way to go for headless?

It _could_ be possible to make a single page form to:
* Keep the default steps
* Use Form AJAX to manipulate form
* Push the URL state changes required

Thank you very very much, I'm looking forward to an interesting discussion.

Feature request
Status

Needs work

Version

2.0

Component

Checkout

Created by

🇩🇪Germany Anybody Porta Westfalica

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • 🇩🇪Germany Anybody Porta Westfalica

    @bojanz: If anyone would like to work on a more One-Page / Single Page checkout plugin like known from other Shop systems, should that be done in contrib or would you like to ship it with

    Currently, we have no customer with demand, but if someone has, it would be super nice to see this sponsored.

    Adding "Single-page" back to the title as keyword to make it easier to find this issue for people looking for this functionality.

  • 🇫🇷France pilulu Paris

    Hi @skyredwang,

    Thanks for your development.
    I've tried to use it and encounters some difficulties due to the current system.
    Display all the panes at once can't work with some payment systems like commerce_stripe that need to have the gateway set up to fulfill it's isVisible method and be available on the checkoutPanes list.

    I think you need to :
    * Unset the next step panes and have only the details wrapper.
    * Update the checkoutPanes list when you register the callback
    * Replace the content of details wrapper by the next step pane form if the previous step is valid
    * Reevaluate the summary display of the order in case tax modifications

    Thanks

  • 🇫🇷France pilulu Paris

    I've sumbmitted a module to provide a way to generate ajax steps behaviors with the inspiration from this thread.
    https://www.drupal.org/project/commerce_step_panes

Production build 0.71.5 2024