LoginOrGuestCheckoutStep (optional)
https://github.com/magesuite/login-or-guest-checkout-step
This module adds the possibility to switch on an additional first step in checkout that allows deciding if a customer wants to log in or go through guest checkout.
Installation
This module is optional
composer require "creativestyle/magesuite-login-or-guest-checkout-step" ^1.0.0
Admin settings
The module is enabled by default and the first checkout step is added. There are also additional settings. To see and configure them go to:
Stores -> Configuration -> Sales -> Checkout -> First Step in Checkout
Settings
Name | Note | Default value |
---|---|---|
Show register section | Show a section with texts that encoyrge a user to register and with a button that redirect to register form | No |
Show email field for guest | In order to make shipping step smaller show field for user’s email already in the first step of checkout | No |
Frontend
When no additional settings are checked the first step of checkout looks as on the following screens:
Additionally, the register section can be shown:
The other option adds a customer email address field already in the first step. Additional options can be combined.
Â
For the login section, Magento's authentication component is reused. The original Magento authentication component is disabled in magesuite.
Text displayed above the Register
button can be configured in a static block with the id login-page-create-account
If there is content in the static block with the id login-page-create-account
this content is copied and displayed and the register section description. If the is no such text registerText value is taken. It can be configured in XML.
The default value of register text:
<item name="registerText" xsi:type="string" translate="true">Creating an account has many benefits: check out faster, keep more than one address, track orders and more...</item>
Â
It is not possible for user to go back to first step when they are logged in.
Â
Styling
Styling is provided in theme-creativeshop.
Please make sure that styles are imported in checkout.ts
entry file.
import 'MageSuite_LoginOrGuestCheckoutStep';