How to rearrange the checkout page layout?

How to rearrange the checkout page layout?

The out-of-the-box functionality of the One Step Checkout extension allows you to easily modify the checkout layout using the drag and drop menu in Stores → Configuration → Amasty Extensions → One Step Checkout → Design → Layout. Furthermore, the names of the blocks may be edited there: 



The changes will be displayed on the Frontend accordingly:



Additionally, the order of the checkout fields can be adjusted in System → Manage Checkout Fields with the drag-and-drop option. Here it is also possible to specify the field name, width and if it is mandatory to be filled in.


      • Related Articles

      • What features are included in each tariff plan of One Step Checkout?

        LITE One Step Checkout extension - all checkout sections on one page; - customizable design (layout, color scheme, address formatting, default values); - delivery options: delivery date calendar, delivery time interval, delivery comment; - Google ...

      • One Step Checkout API

        1. Amasty\Checkout\Api\AdditionalFieldsManagementInterface - class for managing additional fields for logged-in users: POST /V1/amasty_checkout/carts/:cartId/amcheckoutFields, method="save" - save a field for a specific cart by ID; POST ...

      • How to change a checkout field (its length/width) or an image on the checkout page?

        Out of the box, the One Step Checkout extension allows you to modify the checkout field width parameters in System → Manage Checkout Fields: If you need to make additional adjustments to the checkout design, you may do it by modifying the checkout ...

      • One Step Checkout does not appear on Hyva theme. What should I do?

        To ensure the compatibility of One Step Checkout extension with Hyva, please follow the below steps: Step 1. Install the Hyva compatibility packages, that can be accessed via composer: composer ...

      • One Step Checkout | GraphQL methods

        Queries getAdditionalFields (cartId: String!) description: get information about additional fields getDefaultIpData description: get information about default IP address getAvailableShippingMethods (cartId: String!) description: get the information ...