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

Button

PreviousSwatchNextFile Upload

Last updated 11 months ago

This is a quick overview of the Button option.

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

Step 2: Choose option type: Button and set the General Information

If you tick on the Select quantity box, you will allow your customers to enter the quantity value which must be in the setup range.

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

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:

● 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 selectors/Max selectors: Max selectors are defaulted as 1.

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

● Option display inline:

If you tick on the Option display inline, your options can display in one line, depending on the size of each option or your customers’ screen.

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

If you untick the Option display inline, each of your options will display in a separate line.

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

Step 5: Make sure your settings are correct and Save

See details of this feature in

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 set up Select quantity?
How to add price to options?
this guide
How to set up the Conditional Logic Options
support-sbc@bsscommerce.com
this guide