Shipping locations and costs
Description
The purpose of this page is to set the delivery zones and the delivery price according to specific criteria
Common components
The UI elements
Add handling costs toggle switch
| Description | Value | Error message |
|---|---|---|
Mandatory | Yes | - |
Allowed/Forbidden values | - | - |
Default value | No | - |
Help text | - | - |
Tool tips | Include the handling costs (as set in Shipping > Preferences) in the final carrier price. | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Free shipping toggle switch
| Description | Value | Error message |
|---|---|---|
Mandatory | Yes | - |
Allowed/Forbidden values | - | - |
Default value | No | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Billing radio buttons
| Description | Value | Error message |
|---|---|---|
Mandatory | Yes | - |
Allowed/Forbidden values | - | - |
Default value |
| - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Tax dropdown
| Description | Value | Error message |
|---|---|---|
Mandatory | Yes | - |
Allowed/Forbidden values | - | - |
Default value |
| - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Out-of-range behavior dropdown
| Description | Value | Error message |
|---|---|---|
Mandatory | Yes | - |
Allowed/Forbidden values | - | - |
Default value |
| - |
Help text | - | - |
Tool tips | Out-of-range behavior occurs when no defined range matches the customer's cart (e.g. when the weight of the cart is greater than the highest weight limit is defined by the weight ranges). | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Range Will be applied when the weight or currency is >= input
| Description | Value | Error message |
|---|---|---|
Mandatory | Yes | - |
Allowed/Forbidden values | Numbers allowed only. | This range is not valid. |
Default value |
| - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Range Will be applied when the weight or currency is < input
| Description | Value | Error message |
|---|---|---|
Mandatory | Yes | - |
Allowed/Forbidden values | Numbers allowed only. | This range is not valid. |
Default value | - | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Behaviors description
Shipping locations and costs step behavior
This step has elements:
Add handling costs toggle switch behavior
This is toggle switch (Forms switch story UI kit) that allows choosing if the handling costs are added to the final price or not.
Free shipping toggle switch behavior
This is toggle switch (Forms switch story UI kit) that allows choosing if the carrier is free or not.
Billing radio buttons behavior
There are 2 radio buttons (Forms radio buttons) are displayed: "According to total price." and "According to total weight.". When "According to total price" is selected, the ranges are defined by currency. The currency displayed is the default one configured in International > Localization. When "According to total weight" is selected, the ranges are defined by weight. The weight displayed is the one defined in International > Localization.
Tax dropdown behavior
This is dropdown menu (Dropdowns basics UI kit) that displays all the enabled tax rules existing in International > Taxes > Taxes rules.
Out-of-range behavior dropdown behavior
This is dropdown menu (Dropdowns basics UI kit) that allows to select one of the 2 options: "Apply the cost of the highest defined range" or "Disable carrier". If the total weight or total price of the cart is not in one of the defined ranges and if the chosen option is "Disable carrier", then the carrier will be disabled. If the total weight or total price of the cart is not in one of the defined ranges and if the chosen option is "Apply the cost of the highest defined range", then the carrier price will be the one corresponding to the highest range.
Range Will be applied when the weight or currency is >= input behavior
This is input (Forms basics UI kit) to enter weight or currency number when range starts.
Range Will be applied when the weight or currency is < input behavior
This is input (Forms basics UI kit) to enter weight or currency number when range finishes. If one of the ranges overlaps another, the following error message is displayed: "Ranges are overlapping" and the fields for all zones are disabled.
Zones settings behavior
All the zones existing in International > Locations > Zones are displayed below in alphabetical order to chose zones for the range. Each zone has a checkbox (Forms checkboxes UI kit) allowing to enable its input field. Only numbers are allowed in zones fields, inputting any other symbol will result in the field being marked in red. The disabled zones are marked as inactive. When trying to go to the next step without selecting any zone the following error message is displayed: "Please select at least one zone".
Add new range button behavior
This is CTA button (Buttons outline UI kit) once clicked, a new column of range setting is displayed. When hover mouse pointer on button, its color changes. When clicking on it and if one of the existing ranges isn't completed, the following message is displayed "Please validate the last range before creating a new one."
Delete button behavior
This is CTA button (Buttons outline UI kit) it appears under each added range. Once button clicked opens popup that has notification: Are you sure to delete this range? and 2 buttons:
OK -it is a blue color CTA button (Buttons basics UI kit), once clicked deletes range and closes popup.
Cancel -it is outlined CTA button (Buttons outlined UI kit), once clicked cancels deletion and closes popup.
When hover mouse pointer on each button, it color changes.
Last updated
