Skip to main content

Spacing screen

Open Spacing in the Theme Manager menu to reach this screen, which is headed Create Spacing.

N
Written by Niyaz

Open Spacing in the Theme Manager menu to reach this screen, which is headed Create Spacing. The screen sets the base spacing unit for the storefront theme. All spacing-scale values derive from this single base unit.

Spacing screen with sample product cards, the spacing slider, and the Cancel and Save buttons

Fields and controls

Control

What it does

Spacing

A slider that holds the spacing value. It sets the base spacing value.

Cancel

Discards unsaved changes and returns the slider to its last saved value.

Save

Save is disabled when the screen loads. Saves the spacing value.

Sync

Pushes the saved theme build to the storefront.

Notes

The screen includes a preview area with sample product cards, such as Default card and Fashion One card. The preview shows storefront components rendered at the spacing scale. The Add to cart buttons inside the preview cards are part of those sample components.

Related

Did this answer your question?