Magento 2 – Modify authentication-popup.html Form Action

customerjavascriptmagento2overrides

Authentication popup is the login popup that will appear if customer who are not logged in press Proceed to Checkout button in cart page.

For default, when customer sign in using authentication popup they will be redirected to the previous page (cart page).

I want to modify the redirect url after customer sign in from authentication pop up, they'll redirected to custom page. I have trying to locate the form action in Magento_Customer/view/frontend/web/js/view/authentication-popup.js but i can't find it.

Best Answer

Your path should be : app/design/frontend/Vendor/Theme/Magento_Customer/web/js/view/authentication-popup.js

For the simple way, we can set the redirect url in our custom js - authentication-popup.js:

        /** Provide login action */
        login: function (loginForm) {

          ...... 
                this.isLoading(true);
                loginAction(loginData, null, false); // We can set the redirect here
          ......
        }

Take the look the loginAction method - Magento_Customer/js/action/login.

                   if (redirectUrl) {
                        window.location.href = redirectUrl;
                    } else if (response.redirectUrl) {
                        window.location.href = response.redirectUrl;
                    } else {
                        location.reload();
                    }

As we can see, if we set the redirect url by default, Magento site will use it for redirecting.

For the redirect Url, we can read more here: https://magento.stackexchange.com/a/131227/33057

Related Solutions

Magento 2 – Redirect to Same Page After Login Instead of Customer Dashboard

We can config in Admin: STORES > Configuration > CUSTOMERS > Customer Configuration > Login Options > Redirect Customer to Account Dashboard after Logging in > No.

When enabled this config, the login url will have a referer param to base64 encode url, like: http://{website_url}/customer/account/login/referer/aHR0cDovL2xvY2FsaG9zdC9tYWdlMjE=/

Technically, we should take a look:

vendor/magento/module-customer/Controller/Account/LoginPost.php

 public function execute()
 {
        ......
        return $this->accountRedirect->getRedirect();
 }

vendor/magento/module-customer/Model/Account/Redirect.php

/**
 * Retrieve redirect
 *
 * @return ResultRedirect|ResultForward
 */
public function getRedirect()
{
     ......
}

UPDATE: Please delete your local storage, this feature will work well. Please read more here.

Magento Version:

-Magento version 2.1.0

Magento2 – How to Redirect User to Referrer After Login

You said guest checkout is enabled in your system but authentication pop up doesn't appear when you have guest checkout enabled. Go to Stores->Configuration->Sales->Checkout. Under Checkout options make sure Guest checkout is set to yes. Authentication pop up can also appear if your cart has a digital product.

Now to answer your question as to how to redirect customer where he intended to go: Overide Magento_Customer/js/view/authentication-popup.js with your theme or custom module. Line that will interest you is

if ($(loginForm).validation() &&
    $(loginForm).validation('isValid')
) {
  this.isLoading(true);
  loginAction(loginData, null, false);
}

Pass your redirect url instead of null to loginAction function. You will find implementation of loginAction in file vendor/magento/module-customer/view/frontend/web/js/action/login.js.

You can decide your redirect url based on which button was clicked. Hope that helps.

Best Answer

Related Solutions

Magento 2 – Redirect to Same Page After Login Instead of Customer Dashboard

Magento2 – How to Redirect User to Referrer After Login

Related Topic