Checkout
TABLE OF CONTENTS
Â
Magesuite standard
MageSuite uses standard Magento one-step checkout. Global styles for inputs and buttons are used on this page.
The footer and header are always reduced in checkout in order to let the user focus fully on the checkout process.
First step (shipping)
Second step (payment)
Â
Â
Magesuite additional scenarios
Light boxes on a darker background
Just like in the User Area, also in checkout, it is possible to use a scenario with distinctive boxes on darker background.
Dev hint: Check variables in dashboard.scss file
$checkout_boxes-background: $color_background-200 !default; $checkout_boxes-box-shadow: $box-shadow_base !default; $checkout_boxes-border-radius: 0 !default;
Additional modules
Login or Guest Checkout Step
LoginOrGuestCheckoutStep (optional)
The 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. Visit documentation page to see screens:
LoginOrGuestCheckoutStep (optional) | Frontend
Â
In-store pickup
This module provides the possibility of in-store pickup as a delivery method
In-store pickup payment
In Store Pickup Payment (optional)
This module provides the possibility to choose in-store pickup payment as a payment method.
Checkout Newsletter subscription
CheckoutNewsletterSubscription (optional)
This module adds a newsletter subscription checkbox to the checkout summary. After placing an order email address from the order is subscribed to the newsletter.
Downloadable Terms And Conditions
DownloadableTermsAndConditions (optional)
The module adds the possibility to download content from the checkout agreements modal.
Packstation Dhl
This module provides the possibility to choose a DHL packstation as a delivery method. It adds an additional field to the address: Dhl Customer number
and adds a search field selecting packstation
Business checkout
This module adds an additional field in the checkout with customer type, which can be private or business. for business customers additional fields: company and Vat ID are shown.
Live shop customization example
URL | Mobile | Desktop |
---|---|---|
 |  Module | |
 |  | |
 |  | |
 | Pick in store module is used in NKD | |
 |  | |
 |  |