Option Group
📂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 group
A popup modal will appear where you can configure the group settings
Step 2: Configure Option Group Settings
Choose the Untitled group to edit the Group Label:
🏷️ Group Label - It will be displayed on the product page as a clickable header:
In the Display tab, you can add the Conditional Logic and choose Display type
🔽 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.
Step 3: Add Options to the Group
Continue adding options to this group
Select the option type you want to create (checkbox, textbox, etc.)
Configure the option as you normally would and click Save
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
NOTE: If you previously created the separate options and want to add them into a new Option Group, you can drag and drop the option here:
Step 4: Apply to Products & Save
Last updated