Saved Layouts, Custom Presets, CSS & Import

Create a custom preset from scratch, save it, find it in the list — then delete it · silent, captioned

These four sidebar screens are where you manage the things you’ve created and apply finishing touches.

Saved Layouts

Every time you Save as draft or Publish in the page editor, a version is kept. Saved Layouts lists them so you can:

1. Open a saved layout back in the editor to keep working on it.

2. Publish an older version to roll back to it.

3. Delete versions you no longer need to keep the list tidy.

Tip

Saved Layouts is your safety net. Before a risky change, you already have a checkpoint — just publish the previous version to undo, then Prebuild.

Custom Presets

The Custom Presets screen lists the presets you have created (across structure, style and theme), so they’re separate from the built-ins. The table is filtered to show only your custom entries — built-in presets are managed on their own screens.

Naming your custom presets

Custom presets are grouped and filtered by name. Giving each one a clear, consistent name makes them easy to find here — for example prefix store-specific presets so they sort together.

From here you can re-open, re-apply or delete any preset you made. Remember: applying a preset still needs a Prebuild to go live.

Custom CSS

For fine adjustments the presets don’t cover, Custom CSS lets you add raw CSS that loads site-wide.

1. Open Custom CSS.

2. Add your rules. Prefer the theme/style variables where possible so your CSS stays in step with colour and shape changes.

3. Save, then Prebuild.

Use Custom CSS sparingly

Custom CSS overrides the presets, so heavy use can fight your Style and Theme settings and make later changes confusing. Reach for it for small, specific tweaks — and keep a comment on each rule explaining why it’s there.

Import Preset

Import Preset loads a preset that was exported elsewhere (for example one we sent you, or one you exported from another environment).

1. Open Import Preset.

2. Upload or paste the exported preset.

3. It appears under Custom Presets; activate / apply it when you’re ready, then Prebuild.

Next: Syncing data from Magento The five syncs that feed the storefront.