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 Settings
  1. Get started!
  2. Option Types

Radio button

PreviousImage swatchNextCheckboxes

Last updated 8 months ago

The Radio Button option type is a versatile tool that allows customers to make single selections from a list of options on the product page. Each option is represented by a circular button, making it easy for users to see all available choices and select one.


Basic Option Settings

1. Option Name

The internal name used to identify this option within your app. It helps keep your options organized.

2. Label on Product

This label appears next to the radio buttons on the product page, indicating what the options represent (e.g., "Size" or "Material").

3. Label on Cart

This label is displayed in the shopping cart, checkout, order details, invoices, packing slips, order confirmation emails, and other order-related documents to show which options were selected by the customer, providing clarity on their choices.

4. Option URL

This setting allows you to link specific radio button options to other products in your store or external URLs. For instance, if you want to provide more information about a particular option, you can direct customers to a detailed page.

5. Option Values

Each radio button option includes an image icon (supported formats: .png, .jpeg, .jpg, .webp) and a text label. The image helps visually represent the option, while the text describes it. You can add these values individually or in bulk.

6. Default Value

Set a default radio button option that is pre-selected when the product page loads. This can guide customers toward a recommendary option.

7. Conditional Logic

Use conditional logic to show or hide the radio button options based on other selections the customer has made. This creates a dynamic and personalized shopping experience.


Advanced Settings

1. Required Field

This makes it mandatory for customers to select a radio button option before adding the product to their cart. It ensures that a choice is made.

2. Hide "Label on Product"

If you prefer a cleaner look, you can hide the label next to the radio buttons on the product page.

3. One Time Charge

This setting allows you to apply a one-time additional charge for a selected option, regardless of the quantity purchased. It is useful for unique customizations or features that incur a single fee.

4. Show "Quantity" for Option Value

This allows customers to specify a quantity for the selected option. You can also set minimum and maximum limits for the quantity, giving you control over how much of the option can be chosen.

5. Option Value Column

You can arrange the radio button options into 1, 2, 3, or 4 columns, depending on how you want them displayed on the product page.

6. Tooltip

Add a tooltip to provide more information about each radio button option. When customers hover over the option, the tooltip will display, offering additional context without cluttering the page.

7. Help Text

This text appears below the radio buttons, providing further explanation or instructions to assist customers in making their choice.

8. Class Name

For advanced customization, you can add custom CSS class names to style the radio buttons according to your design preferences. This allows for a tailored and cohesive look on your product page.

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