Checkout login using social account

Checkout Log In with ease, in one click, using the Firecheckout and Social Login extensions.

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

define([
   'underscore',
   'Magento_Ui/js/lib/view/utils/async',
   'Swissup_Firecheckout/js/utils/move'
], function (_, $, move) {
    'use strict';

   // using firecheckout util "move" to shift the block "social login" from
   // the authentication popup directly into checkout page.

   $.async('.block.block-swissup-social-login', _.debounce(function(el){
       move(el).before('.form.form-shipping-address');

   }));

});

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

Result

Next up

Move.js utility
Back to customization page
Back to home

Log In with Social Account

Result

Next up