Divider

The Divider option type allows you to add horizontal lines or dividers to your product page, helping to separate and visually organize different sections or elements. This enhances the layout by providing clear boundaries between content areas.

---

Basic Option Settings

1. Option Name

The internal name used within your app to identify the Divider option. This helps with organizing and managing dividers during setup.

2. Style

Determines the visual style of the divider. Options include:

• Solid: A continuous, unbroken line.

• Double: Two parallel lines with space between them.

• Dashed: A line made up of short, evenly spaced dashes.

• Dotted: A line made up of small, evenly spaced dots.

3. Color

Allows you to choose the color of the divider line. This setting helps in customizing the divider to fit your design preferences and maintain consistency with your brand.

4. Conditional Logic

Allows the divider to be displayed or hidden based on customer selections or other conditions. This ensures the divider appears only when relevant to the customer's choices or context.

How to set up Conditional logic for your options

---

Advanced Option Settings

1. Class Name

Assigns a custom CSS class to the Divider option, enabling you to apply specific styling or behavior through CSS. This helps in maintaining a consistent design and layout across your product pages.