...
This module provides the possibility to choose a DHL packstation in store pickup payment as a delivery payment method. It adds an additional field to the address: Dhl Customer number and adds a search field selecting packstation
| Table of Contents | ||||
|---|---|---|---|---|
|
...
| Code Block |
|---|
composer require "creativestyle/magesuite-in-store-pickup-payment": "1^1.0.0" |
Admin settings
In Stores -> Configuration -> Sales -> Payment Methods a new tab - In Store Pickup Payment is available.
...
Frontend screens
In the checkout delivery method payment methods section a new method is displayed:
...
After DHL packstation is selected the address form is hidden, Dhl Customer number is shown along with the Select packstation button.
...
In the modal, it is possible to enter a postal code and select a pack station.
...
The address of the packstation is displayed in the shipping step of checkout.
...
Styling
As the module is optional styling is not provided by default. The following import must be uncommented in a child theme that inherits from theme-creativeshop, in src/entries/checkout.ts file:
| Code Block |
|---|
import 'MageSuite_PackstationDhl'; |
Scripts
magesuite-packstation-dhl/view/frontend/web/js/model/packstations-service.js
magesuite-packstation-dhl/view/frontend/web/js/view/dhl-packstation.js
magesuite-packstation-dhl/view/frontend/web/js/view/packstation-selector.js
are the most important scripts with packstation logic.
Additionally the following mixins are added to Magento checkout scripts:
...
No additional styling has to be added