Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

TABLE OF CONTRNTS

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 use 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:

https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2290778197/LoginOrGuestCheckoutStep+optional#Frontend

In-store pickup

In Store Pickup (optional)

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

PackstationDhl (optional)

Live shop customizations example

  • No labels