SwissUpLabs Logo

Hide useless checkout section

This feature supported since v.1.4.0


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.

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


    And add the following styles into it:

    // Hide shipping method section
    .firecheckout {
        #opc-shipping_method {
            display: none !important;
  2. 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


Firecheckout with hidden shipping section

Next up
Edit this Page