SwissUpLabs Logo

Move checkout fields to Order Summary

This feature supported since v.1.16.0

  1. Create custom.js file in your active theme with following content:

    ], function (move) {
        'use strict';
        // Since "Order Review" is moved after summary title too, we need to use `sortOrder`
        // as a second argument to place "Checkout Fields" before "Order Review":
        move('.swissup-checkout-fields').after('.opc-block-summary > .title', 0);
        // OR move above order summary:
        // move('.swissup-checkout-fields').before('.opc-block-summary');
  2. Run “Deploy static content” command:

    cd <magento_root>
    # remove previously deployed firecheckout files
    find pub/static -type d -regex ".*Firecheckout.*js" -exec rm -rf {} \;
    # run deployment command
    bin/magento setup:static-content:deploy


Fields inside Order Summary Fields above Order Summary
Screenshot Screenshot
Next up
Edit this Page