Divider

The Divider option lets you add a visual separator between sections to organize product options, such as separating personalization fields from add-ons. Instead of showing all options in one long list, the divider creates a visual break between different option groups.

Here's an example of how the Divider appears on the frontend

General Tab (Basic Settings)

This tab controls the basic configuration of the Divider field, including the label and divider height.

Label

The internal name used to identify the divider in the options editor. This label is not shown to customers on the product page.

Example: Divider

Height

Controls the vertical thickness of the divider line displayed between option fields. Use the slider to adjust how visually prominent the divider appears when separating sections.

Example:

• 5px – thin divider for subtle separation
• 10px – 15px – medium spacing between sections
• 20px+ – strong visual separation for larger groups of options

When to Use a Divider

Use dividers when your product personalization form has:

• Multiple customization sections
• Many input fields
• Different types of options
• Complex configurations

Conditions Tab

Use this tab to control the visibility of the Divider option. You can show or hide it only when specific custom options or Shopify variants are selected. To learn how to configure conditional logic, follow this guide.

Get Support 👇

If you experience any issues while configuring the Divider option, reach out to the WowApps support team via the in-app chat or email support@wowapps.io. You can also reach the dedicated manager at nayeem@wowapps.io.