Space
Option Types

Space

1 min read Updated Jul 24, 2026

Overview#

The Space option type allows you to add vertical spacing between options on your product page, improving the visual layout and making the page easier to navigate. This feature is particularly useful for separating sections or grouping related options together.

👉You can check out our Demo product to see how it works


Basic Option Settings#

1. Option Name

The internal name used within your app to identify the Space option. This helps keep your options organized during setup.

2. Spacer Height

Specifies the height of the space in pixels. This setting determines how much vertical space will be added between the options on your product page.

3. Conditional Logic

Allows the Space option to be displayed or hidden based on customer selections or other conditions. This ensures the spacing only appears when it’s needed.

How to set up Conditional logic for your options


Advanced Option Settings#

1. Class Name

Assigns a custom CSS class to the Space option, enabling you to apply specific styling or behavior through CSS for a consistent look and feel across your product pages.

Was this article helpful?

If you still need help, our support team is here for you.

Contact Support