Commerce Ajax Step Panes
This module allows you to break down existing Drupal Commerce checkout steps into smaller, AJAX-powered sub-steps, facilitating a more organized one-page checkout experience. You can define multiple "step panes" within a checkout flow, with subsequent panes grouped into the same AJAX step until a new step pane is encountered or the checkout ends. This enables finer control over the checkout process and how different form elements are presented.
Drupal Commerce Step Pane provide a way to split existing checkout steps in smaller ajax steps.
This module provide a way to manage a one page checkout process by inserting sub steps (step panes) on the checkout flow.
Other Panes between the first step pane and the following (or end the the step) will be part of same ajax sub step.
This module have been developed from this initiative https://www.drupal.org/project/commerce/issues/3016621
How to:
- First you need to create a dedicated checkout flow with the Step Pane plugin.
This flow is based on the checkout flow with panes. - Next you will need to define the number of Step Panes you need on the checkout flow and the label of the first ajax step
- Configure the label of each step pane
- As some panes are normally part of specific steps (ex: Review pane is intended to work on the Review Step), you can configure a Step id on the step pane to fix the behavior of a pane that have been moved from it's original step.
E.g: If you want to have all the steps before the review/payment process in the Order Information step, the review pane need to be included in an ajax step pane that is related to the review step.
Currently this module doesn't work for all payments processes.
Some problems occurs in javascript for payment module that auto-submit the form.
All the panes and process orders haven't been tested yet.