Sling.Docs

Checkout

Presets and layouts

A preset is a full starting design, and a layout is the shell that arranges your checkout.

The 6 presets

  • Standard: white form, a gray rail and steps. This is the default design.
  • Classic split: two columns, gold accent, a countdown, express buttons and a features row.
  • Single column: centered, minimal, summary on top.
  • Bold DTC one-page: accent hero, countdown and testimonial.
  • Minimal: black accent, hairline, just the essentials.
  • Editorial DTC: reviews, a burgundy pay button with the price, and Secure checkout.

Applying a preset replaces your design but keeps your store name and logo. You can then change anything, or undo.

The 5 layouts

  • Classic split: form on the left, sticky summary on the right.
  • Standard: gray summary rail and step breadcrumb.
  • Single column: one centered column, summary on top.
  • Bold DTC one-page: accent hero and sticky pay bar.
  • Minimal: hairline single column, collapsed summary.

Changing the layout keeps your other settings. Turn on Multi-step checkout to split the page into Information, Shipping and Payment steps.

Look and feel

  • Fonts: Modern sans, Elegant serif, Rounded or Monospace.
  • Spacing: Compact, Cozy or Spacious.
  • Corners: Sharp, Soft or Round.
  • Colors: accent, pay button, and backgrounds for the page, the form and the order summary.
  • Header: logo, store name color, padding and alignment. Alignment applies to the split, centered and minimal layouts.

Still stuck? Write to support@sling.cx and a real person answers.