Hide useless checkout section

This feature supported since v.1.4.0

Warning!

Before hiding some section, make sure, that it’s really not needed by all your customers. Otherwise, you are risking to get broken checkout.

If you are not Magento/luma user, change file paths according to your theme path.

Example: Swissup/ArgentoFlat for ArgentoFlat theme.

Let’s hide shipping methods section, since we have one method only and we have a module, that automatially select’s it.

Create _custom.less styles, that will be automatically included by firecheckout:

/app/design/frontend/Magento/luma/Swissup_Firecheckout/web/css/_custom.less

And add the following styles into it:

// Hide shipping method section
.firecheckout {
    #opc-shipping_method {
        display: none !important;
    }
}

Run “Deploy static content” command:

cd <magento_root>

# remove previously deployed firecheckout styles
find pub/static var/view_preprocessed -type d -regex ".*Firecheckout.*css" -exec rm -rf {} \;

# run deployment command
bin/magento setup:static-content:deploy

Result

Firecheckout with hidden shipping section

Hide useless checkout section

Result

Next up