Quantity
Just like Number option, the Quantity option type allows customers to enter a numerical value.
More specifically, this option enables you to calculate the add-on price based on the specific quantity entered by customers. Rather than using a fixed rate, the add-on price will adjust dynamically according to the number of units input, giving you greater flexibility in setting pricing based on quantity.
Basic option settings
1. Option Name
This is the internal label used to identify the Quantity option within the app’s settings. It helps you manage and organize the option but does not appear on the storefront product page.
2. Label on Product
This is the text displayed above the Number input field on the product page of your storefront. It provides customers with instructions or context for what they should enter, such as "Enter quantity" or "Specify amount."
3. Label on Cart
This is the text that appears on the Cart summary screen, Checkout, and Order detail page, alongside the customer’s numerical input. It helps identify and display the specific value entered by the customer, such as "Quantity: 5" or "Measurement: 10 cm."
4. Quantity option label
This is the optional text displayed below the Label on Product on the product page. It provides additional information or a description of the option.
5. Add-On Product
This feature allows you to apply an additional charge based on the numerical input entered by the customer. For example, if a customer enters a quantity of 3, a predefined extra charge can be automatically added to the product’s price based on the quantity specified.
6. Conditional Logic
This feature enables you to set rules for when the Quantity field should be shown or hidden based on other customer selections. For example, you might configure the Number field to appear only if the customer selects a specific option or if certain criteria are met.
Advanced option settings
1. Required Field
Determines whether the Quantity field must be filled out by the customer before they can complete their purchase. If enabled, the customer is required to provide a numerical input.
2. Hide "Label on Product"
Allows you to hide the label text that usually appears above the Quantity field on the product page. This can be used to simplify the interface if the label is not necessary.
3. Price type
Price for each quantity: the entered quantity is multiplied by the add-on price.
Price for any quantity: the add-on price is still the same no matter how many units are entered.
4. Min/Max Value
These settings define the minimum and maximum numerical values that can be entered into the Quantity field. For example, you can set a minimum value of 1 and a maximum value of 100 to ensure inputs are within a specific range.
5. Default Value
The pre-filled numerical value that appears in the Quantity field by default. It can be used to suggest a typical value or set an initial quantity, which customers can modify.
6. Tooltip
This setting allows you to provide additional information in a pop-up message when the customer hovers over the information icon. It provides brief, contextual information without cluttering the interface.
7. Help Text
This setting displays directly beneath the Text option, offering more detailed explanations or instructions. It remains visible as users interact with the form, providing ongoing support and clarity.
8. Placeholder Text
The text is displayed within the Quantity field before the customer enters any value. It can provide an example or prompt, such as "Enter quantity" or "Specify measurement."
9. Class Name
Allows you to assign a custom CSS class to the Quantity field. This helps apply specific styles or behaviors to the field based on your design preferences.
Last updated