Delivery Slips
Description
This UI allows configuring the Delivery Slips - download the PDF or manage the additional options.
QA
QA
Common components
QA
Common components
Breadcrumbs navigation - Breadcrumb UI Kit.
Heading of the page - Headings UI Kit.
Help Button - Buttons Outline UI Kit.
Bell icon (todo link)
Trophy icon (todo link)
Delivery Slips meaning
Delivery Slip is a PDF-typed document in Prestashop, where the delivery information about order is being printed in.
Creation of the Delivery Slip
Once the Order is being entered to the Shipped status, the PDF of the Delivery Slip is generated, and it can be downloaded in the Order page.
Top UI elements
Delivery Slips - H1 class title for the page.
Printer icon and Print PDF block
This block allows setting the desired date range and to download the Delivery Slips one after one in a single PDF file.
From and i tooltip icon - setting the date range using the date widget. When the icon is hovered, the tooltip text is Format: 2011-12-31 (inclusive).
To and i tooltip icon - setting the date range using the date widget. When the icon is hovered, the tooltip text is Format: 2011-12-31 (inclusive).
Generate PDF Call-to-action - clicking the button initiates the PDF download process.
Delivery Slip PDF structure
Logo - top-right logo of the shop.
DELIVERY, date and the Delivery Slip name - delivery slip title, timestamp and factual delivery name, containing Latin letters and numbers with hashtag (#) prefix.
Shop name
Billing & Delivery Address and the address
Order Reference
Order Date
Carrier
Reference
**Product **
Qty - meaning Quantity.
Payment Method - the name payment method.
Price amount with the currency symbol
Screw icon and Delivery slip options block
Delivery prefix with i tooltip icon
| Description | Value | Error message |
|---|---|---|
Mandatory | YES | The field name is required at least in your default language. |
Allowed/Forbidden values | - | - |
Default value | Empty or editable value | - |
Help text | Help text | - |
Tool tips | Prefix used for delivery slips | - |
Lower limit | 0 | The field name is required at least in your default language. |
Upper limit | 128 | This value is too long. It should have 128 characters or less. - Language: English (English) |
Behavior | - |
Delivery number with i tooltip icon
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | - | - |
Default value | Empty or editable value | - |
Help text | - | - |
Tool tips | The next delivery slip will begin with this number and then increase with each additional slip. | - |
Lower limit | 0 | - |
Upper limit | 19 | This value is not valid. |
Behavior | - |
Enable product image with i tooltip icon
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | - | - |
Default value | Disabled | - |
Help text | - | - |
Tool tips | Add an image before product name on delivery slip. | - |
Lower limit | 0 | The field name is required at least in your default language. |
Upper limit | 128 | This value is too long. It should have 128 characters or less. - Language: English (English) |
Behavior | - |
If the settings update is successful, there will be green notification with the checkmark icon and text Update successful.
If the settings update is not successful, because the Delivery number is typed with Latin letters or up to 19 characters, there will be an error with red exclamation mark and the text with This value is not valid.
Behavior descriptions
Delivery prefix with i tooltip icon behavior
Input field, where custom Delivery Slip character prefix can be modified or added. It can be managed with the different languages, using the dropdown with the language list installed in the system. Component is from the Forms Switch Story UI Kit.
Delivery number with i tooltip icon behavior
Input field, where custom Delivery Slip number can be modified or added. The number entered will mark the beginning number of all Delivery Slip numbers further. Max 19 characters allowed to input. Component is from the Forms Switch Story UI Kit.
Enable product image with i tooltip icon behavior
Enable or Disable toggle button, that Enables or Disables displaying product image, in the PDF file. By default, the toggle switch is Disabled. Component is from the Forms Switch Story UI Kit.
Multistores functionality
This page is Multistores dependent page.
All the configuration inputs and PDF downloads are separately maintained by separate Multistores, because these settings are saved in different databases. It means, that settings saved in one Multistore will not be reflected in the other ones.
Last updated
