Skip to main content
Drupal is a registered trademark of Dries Buytaert
Release: OpenID Connect / OAuth client 3.0.0-alpha9 New alpha version released for module openid_connect (3.0.0-alpha9). Release: Opensolr Search 4.5.0 Minor update available for module opensolr_search (4.5.0). Release: Timelinr 1.0.1 Minor update available for module timelinr (1.0.1). Usage Milestone: Simplify Module simplify crossed 10,000 active installs. Usage Milestone: Views Reference Filter Module entityreference_filter crossed 10,000 active installs. Usage Milestone: Dropdown Language Module dropdown_language crossed 10,000 active installs. Usage Milestone: Paragraphs Browser Module paragraphs_browser crossed 10,000 active installs. Usage Milestone: OpenAPI Module openapi crossed 10,000 active installs. Usage Milestone: Decoupled Router Module decoupled_router crossed 10,000 active installs. Module Revived: Entityqueue Buttons 1.1.2 Module entityqueue_buttons updated after 8 months of inactivity (1.1.2).

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.

Depends on

Dependencies of the latest stable release

No dependencies recorded for this project.

Required by

Tracked projects that depend on this one

No tracked projects depend on this one yet.

Activity

Tracked releases
1
Tracked since
Jan 2025
Latest release
1 year ago
Releases (12 mo)
0 ▼ from 1
Maintenance
Dormant

Releases

Version Type Core Release date
1.0.x-dev Dev 10 Jan 21, 2025