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 Order confirmation Email/Order invoice/New order?
    • How can I show Avis option on Shipping Confirmation Email?
    • 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

Combo box

PreviousImage dropdown menuNextOption Group

Last updated 9 months ago

The Combo Box option type is a versatile selection tool that combines the functionality of a dropdown menu with the flexibility of checkboxes, allowing customers to select multiple options from a list. This option type is ideal for products that offer various add-ons or configurations, enabling customers to customize their purchases easily. When an option is selected, it will appear right under the option box, giving a clear view of all chosen items.


Basic Option Settings:

1. Option Name

The internal name used to manage and identify this combo box option within your app. This helps with organization and tracking of different product options.

2. Label on Product

The label displayed next to the combo box on the product page. It guides customers on what the combo box represents (e.g., "Select Add-ons" or "Choose Accessories").

3. Label on Cart

This label appears in the shopping cart, order details, invoices, packing slips, order confirmation emails, and other order-related documents, showing the selected options clearly.

4. Option URL

Allows you to link specific options within the combo box to external URLs. Customers can be directed to another page or site for additional information when selecting certain options.

5. Option Values

Add the different options available in the combo box. You can include multiple values, and customers can select more than one. These values can be added individually using "Add option value" or in bulk using the "Bulk add" feature.

6. Default Value

Set a default selection that will be pre-selected when the product page loads, helping guide customers toward recommended or popular choices.

7. Conditional Logic

Apply conditional logic to control when certain options in the combo box are displayed based on other selections made by the customer, enhancing the shopping experience.


Advanced Option Settings:

1. Required Field

Make it mandatory for customers to select at least one option from the combo box before adding the product to their cart. This ensures that all necessary choices are made.

2. Hide "Label on Product"

Option to hide the label next to the combo box on the product page, providing a cleaner and more streamlined appearance.

3. One Time Charge

Apply an additional charge only once for selected options, regardless of the product quantity. This is useful for special features or add-ons that require a one-time fee.

4. Show "Quantity" for Option Value

Enable customers to specify the quantity for each selected option in the combo box. You can set minimum and maximum quantity limits for better control.

5. Placeholder Text

Add placeholder text in the combo box before any selection is made. This can prompt customers to make a choice (e.g., "Please select your options").

6. Min/Max Selection

Set minimum and maximum limits on the number of options that can be selected from the combo box, providing greater control over customer choices.

7. Tooltip

Provide additional information about each option by adding tooltips. When customers hover over an option, the tooltip will display, offering further details.

8. Help Text

Display help text below the combo box to offer further explanation or instructions, helping customers make informed selections.

9. Class Name

For advanced customization, add custom CSS class names to the combo box. This allows you to style it according to your brand’s design standards, ensuring a cohesive look across your product page.

How to set up Option URL for your options
How to set up Conditional logic for your options