SwissUpLabs Logo

Configuration

General section

General section

Option Description
Enabled Allows to enable/disable firecheckout per store view
Url Path Set custom url to the firecheckout page
After Adding a Product Redirect to Firecheckout Allows to redirect to firecheckout page after Add to Cart action

If After Adding a Product Redirect to Firecheckout is not working on your site, try to enable After Adding a Product Redirect to Shopping Cart at Stores > Configuration > Checkout > Shopping Cart section

Design section

Design section

Option Description
Page Layout Select page layout to use at firecheckout page
Layout Select layout to use at firecheckout page
Theme Select theme to use at firecheckout page
Form Styles Select form styles to use at firecheckout page

Page Layout

There are 4 page layouts available to use:

Page layout screenshots:

Layout

There are 5 layouts available to use:

Layout screenshots:

Theme

There are 4 themes available to use:

Themes screenshots:

Form Styles

There are 3 form modes available:

Use field placeholders instead of labels - You can hide labels and use field placeholders instead. This option works together with Basic and Compact modes only:

Show field errors and notices in the Tooltips - Allows you to switch between awesome Tooltips mode and Magento’s old-school notices and errors below the fields:

Additional content section

Additional content section

Option Description
Above Firecheckout Form Additional content above firecheckout form
Below Firecheckout Form Additional content below firecheckout form
Above place order button Additional content above place order button
Below place order button Additional content below place order button

Shiping settings section

Shipping settings section

Option Description
Default Method Default shipping method to use
Default Method Code Same setting as above. Use this field if you can’t find the method you are looking for in the previous option
Hide methods if single method is available only Useful if you use single method for all customers

Payment settings section

Payment settings section

Option Description
Default Method Default payment method to use

Order summary settings section

Order summary settings section

Option Description
Show Order Review Show order review information (Shipping Address and Shiping Method) above the cart items.

Custom CSS and JS settings section

Custom CSS and JS settings section

Option Description
CSS CSS styles. LESS is not supported.
JS JS code

Attention!

Unlike js code inserted into custom.js file (begins with “define” function), code inserted in JS section begins with “require” function.

JS code example:

require([
    'Magento_Ui/js/lib/view/utils/async'
], function($) {
    'use strict';

    var expandables = [
        '.discount-code',
        '.order-attachments'
    ];

    $.async({
        selector: expandables.join(','),
        ctx: $('.checkout-container').get(0)
    }, function (el) {
        setTimeout(function() {
            $(el).collapsible('activate');
        }, 500);
    });
});

Next up

Edit this Page