AvisPlus Product Options v2
  • Get started!
    • Key Terminology Simplified
      • Avis Options and variants
      • Option Set
      • Option template
      • Option Set template
      • Option type
      • Option name
      • Label on Product
      • Label on Cart
      • Option value
      • Add-on product (Add charge)
      • Bundle variant
      • Conditional logic
      • Option URL
      • Tooltip
      • Help Text
      • Placeholder Text
      • Option widget
    • Option Types
      • Single line text
      • Multiple-line text
      • Number
      • Datetime
      • Email
      • Phone
      • Font Selector
      • Color Picker
      • File Upload
      • Switch
      • Quantity
      • Hidden field
      • Color swatch
      • Image swatch
      • Radio button
      • Checkboxes
      • Button
      • Dropdown menu
      • Color dropdown menu
      • Image dropdown menu
      • Combo box
      • Option Group
      • Space
      • Paragraph
      • HTML
      • Heading
      • Divider
      • Pop-up
      • Size chart
    • Activate App
  • User guide
    • Create Avis Option Set
      • Avis Option Set Template
      • Avis Option Template
    • Change product image upon option selection
    • Translate Avis options
    • Customize Shopify Option
    • Add Charge for an option value
      • One-time add charge feature
      • Add-charge by Quantity
      • Add-charge by Character
      • Hide Add charge product from Storefront
      • Hide Add charge product from Search bar
      • Hide Add charge product from 'Related Products' section
      • Hide Add charge product from Google Search
    • Add Bundle for an option value
    • Conditional Logic (Avis and Avis)
      • Conditional Logic (Avis and Shopify)
    • File Upload for Customers
      • File Upload Advanced Options
    • App Settings
      • Avis Option Settings
      • Shopify Option Settings
    • App Design
      • Avis Option Design
      • Shopify Option Design Library
    • OPTION URL feature
    • Import/Export Option Sets
    • Shopify Point Of Sale (POS) integration
    • Customize tooltip
    • Delete Span tags around the Add charge
    • Changing the option position on the Product page
      • Getting the HTML element
      • Reposition Avis options in EComposer Landing Page Builder
  • Subscription and billings
    • Pricing plans
    • How to Upgrade Your Plan
    • How to Cancel Your Subscription
  • Frequently Asked Questions
    • The differences between "Avis Option" tab and "Shopify Option" tab
    • How can I reposition Avis Options on Product Page?
    • What to do if Avis options aren’t visible on Product Page?
    • How can I set up Conditional Logic for options?
    • How can I add a charge to an option/ a variant?
    • Why aren't the option's Add charge included in Orders?
    • How can I show Avis Options on Packing Slips?
    • How can I show Avis option on Mail Order confirmation/Order invoice/New order?
    • Can I add bundling products with the app?
    • Does the app work with Shopify Online Store 2.0?
    • Will the app slow down my website?
    • What happens if I uninstall the app, and how does it affect my store?
  • support and features request
    • 📩Contact Us
Powered by GitBook
On this page
  • Basic option settings
  • Advanced option settings
  1. Get started!
  2. Option Types

Number

PreviousMultiple-line textNextDatetime

Last updated 8 months ago

The Number option type allows customers to enter a numerical value. This is useful for inputs that require quantities, measurements, or any other numerical data. The field only accepts numbers and can include settings for minimum and maximum values to ensure that inputs fall within a specified range.


Basic option settings

1. Option Name

This is the internal label used to identify the Number 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. 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.

5. Conditional Logic

This feature enables you to set rules for when the Number 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 Number 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 Number field on the product page. This can be used to simplify the interface if the label is not necessary.

3. Min/Max Value

These settings define the minimum and maximum numerical values that can be entered into the Number 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.

4. Default Value

The pre-filled numerical value that appears in the Number field by default. It can be used to suggest a typical value or set an initial quantity, which customers can modify.

5. 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.

6. 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.

7. Placeholder Text

The text displayed within the Number field before the customer enters any value. It can provide an example or prompt, such as "Enter quantity" or "Specify measurement."

8. Class Name

Allows you to assign a custom CSS class to the Number field. This helps apply specific styles or behaviors to the field based on your design preferences.

How to set up Conditional logic for your options