https://gitlabgithub.creativestyle.plcom/magesuite/in-store-pickup-payment
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 | ||||
---|---|---|---|---|
|
Installation
Info |
---|
This module is optional. |
Code Block |
---|
composer require "creativestyle/magesuite-packstation-dh;in-store-pickup-payment" ^2^1.0.0 |
User guide
...
. |
...
0 |
Admin settings
In Stores -> Configuration -> Sales -> Delivery methodsPayment Methods
a new tab - Packstation DHL
In Store Pickup Payment
is available.
...
The following options can be configured (in described scopes) :
Name | Value | Comment | |||
---|---|---|---|---|---|
Enabled | Yes/No Method Name | by default this module is disabled | |||
Title | Mode | Live/Sandbox | API Key | Provide API Key for Location Finder - Unified API. It can be found in your DHL developer account in aplication details under 'Credential' section | |
Enable Debug | Yes/No | Enable this option to log requests | Price | ||
Minimum subtotal for free shipping | Maximum subtotal | Maximum weight | Sort Order | ||
Type | None/ Per Order / Per Item | Use system value | |||
Ship to Applicable Countries | All Allowed Countries/Specific Countries | Use system value | |||
Ship to Specific Countries | Displayed Error Message | Default value: | New order status | Pending | |
Payment from applicable Countries | All Allowed Countries/Specific Countries | ||||
Payment from Specific Countries |
| Allows to choose specific countries from given list | |||
Instruction | |||||
Minimum order total | |||||
Maximum order total | |||||
Sort Order |
Backend
Frontend
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