Divider

1. What is a Divider?

The Divider is a non-interactive element used to visually separate groups of options or content within your product form. It helps organize options clearly for a better user experience.

2. How to Add a Divider?

Step 1: Add a New Option

  • Click Add Option > Divider to create a divider.

Step 2: Add Information to the Divider

  • Enter an option name for the Divider (This will not show on the store front)

  • Customize Size, Color, and Style for your divider

Step 3: Advanced Settings (If Needed)

  • Conditional Logic: Enable conditional logic if you want the Switch to show/hide only when a customer selects a specific option from another field. How to set up Conditional logic?

3. Real-World Use Cases

  • Separate product personalization options from general options.

  • Create visual sections like “Step 1 – Choose Size”, “Step 2 – Choose Color”.

  • Improve form clarity, especially on products with many options.

4. Key Features

  • Enhances layout and user flow.

  • No impact on pricing or customer input.

  • Simple to add and customize.

Last updated