Product & Variants Options
  • 📍Overview of creating product options
  • 📍Step-by-step set up product options
    • 1️⃣Select option types
      • Text box
      • Number field
      • Checkbox
      • Dropdown menu
      • Dropdown menu with thumbnail
      • Radio button
      • Swatch
      • Button
      • File Upload
      • Date & Time
      • Color picker
      • Text Area
      • Instruction
    • 2️⃣Set display conditions
    • 3️⃣Add advance features
      • Add price to options (Price add-on)
      • Options on Order Confirmation Emails and Packing Slips
      • Options show on Featured products
      • Discount box on the Cart page
      • Options display on mini cart, cart slider
    • 4️⃣Customize option display
      • Design Settings & Translation Texts
      • Change the position of Option sets
    • 5️⃣Export/Import Option Sets
  • 📍FAQs
    • How to set up Advanced option settings?
    • How to set up Select quantity for options?
    • How to set up the Conditional Logic Options?
    • How to set up variant's SKU for Option set?
    • Can I assign an option value to a product variant?
    • How to translate the app interface into other languages?
    • How to see the store's collaborator code?
    • How to approve our partner request?
Powered by GitBook
On this page
  1. Step-by-step set up product options
  2. Select option types

Number field

PreviousText boxNextCheckbox

Last updated 11 months ago

This is a quick overview of the Number field option.

Step 1: Please create an option set (follow for more details)

Step 2: Choose option type: Number field and set the General Information

Step 3: Set the target of Price add-on (optional)

Note: Number Field only allows your customers to fill in numbers.

Step 4: Set up Advanced option settings (optional)

● Required field: When you choose Yes, that field will be required to fill in.

Here is an example of how it looks like in your storefront:

● Placeholder text: you can set up Placeholder text to give your customers a clear example of what should be filled in the field.

Here is an example of how it looks like in your storefront:

● Default value: it will display automatically in the field when customers go to the product page.

Here is an example of how it looks like in your storefront:

● Help text: Help text can be displayed as Tooltip or Content.

○ Tooltip:

Here is an example of how it looks like in your storefront:

○ Content:

Once you set it to display as Content, you can choose its position as: Below the option title, Beside the option title, or Below all options.

Here is an example of how it looks like in your storefront:

● Min value/Max value: you can set the minimum value and maximum value that customers can input.

Here is an example of how it looks like at your storefront:

If your customers input more than the maximum value, a message will inform them of max value.

Step 5: Make sure your settings are correct and Save

See details of this feature in .

If you choose to Assign to variant, follow for more information.

If you want to set up conditional logic for your option, read this article for more information: .

If you have a problem when setting up this feature, please feel free to reach us at or Live Chat if you need any assistance.

📍
1️⃣
How to add price to options?
this guide
How to set up the Conditional Logic Options
support-sbc@bsscommerce.com
this guide