📂Option Group

✨ Demo store

📂What is an Option Group?

An Option Group is a container that holds multiple options under a single group title.

• Options inside a group can be collapsed or expanded

• Customers can click the group title to show or hide its options

• This is especially useful for products with many customization fields

Option Groups help structure complex option sets and improve the overall user experience.

How Option Groups Appear on the Storefront

⚙️How to Create an Option Group

Step 1: Create an option group

• In the Options dashboard, click Add option group

• A popup modal will appear where you can configure the group settings

Step 2: Configure Option Group Settings

1

In the popup modal, you’ll see the following fields:

🏷️ Group Name - It will be displayed on the product page as a clickable header

🔽 Display Type - Choose how the group appears by default on page load:

• 🔓 Expand - The group is open by default, and all options inside are immediately visible. Recommended for required or frequently used options.

• 🔒 Collapse - The group is hidden by default. Customers must click the group title to view the options. Recommended for optional or advanced settings.

🧠 Conditional Logic (Optional)

• You can control when this option group is shown or hidden based on a previous selection

• This is useful for showing additional options only when certain conditions are met

Click here to learn How to set up conditional logic.

2

Click Back to finish creating the option group

Step 3: Add Options to the Group

1. Inside the newly created group, click Add option to this group

2. Select the option type you want to create (checkbox, textbox, etc.)

3. Configure the option as you normally would

4. Click Back

You will now see:

• The option added inside the group

• A live preview on the right-hand side showing how the option group expands and collapses

Step 4: Apply to Products & Save