2 Attachment(s)
Magento 2 Tutorial: Customize Checkout Page
Magento checkout is implemented using the UI components. Out of the box, the checkout consists of two steps:
Shipping Information
Review and Payment Information
The checkout totals and the corresponding side-bar are only displayed after the first step is completed.
The only exception is checkout of virtual and/or downloadable products: if there are only these types of products in the shopping cart, checkout is automatically transformed to one-step procedure, because shipping information is not required.
List of available Checkout customizations
You can customize the default checkout in multiple ways. Below is a list of available checkout customization:
+Add a new checkout step
+Customize the view of an existing step
+Add a custom payment method to checkout
+Add custom validations before order placement
+Add custom shipping carrier
+Add custom shipping carrier validations
+Add custom input mask for ZIP code
+Add a new input form to checkout
+Add Checkout columns
+Customize in admin
Customization in Admin
To help store admin manage the checkout page with ease, all needed custom fields has been added into the backend interface. Therefore, store admin can change checkout page color, layout, columns, etc without viewing any code. You can see the image below for detail
Checkout Columns Customization
The number of columns is also changed in the backend: 1,2, and 3 columns and the store admin can also configure the checkout columns by following the path about to the Design Configuration section.
This tutorial ends here. Thanks for reading.If you want to know the details of other checkout customizations or have any questions, please leave a comment below.
