Documentation

Theme Customisation

Tailor the storefront experience through the visual editor or extend it with custom components.

Theme Editor

Adjust typography, colours, spacing, and component variants through a visual interface. Changes are auto-previewed across breakpoints.

Reusable Sections

Create section presets (hero banners, product grids, testimonials) and reuse them across multiple pages for consistent layouts.

Custom Code

Inject scoped CSS and JavaScript safely via version-controlled snippets. Ideal for advanced customisations.

Preview & publishing workflow

1

Draft

Edit your theme in a staging environment. Collaborators can leave comments and approve changes.

2

Preview

Open responsive previews for desktop, tablet, and mobile. Trigger accessibility and performance checks.

3

Publish

Publish to production with rollback support. System generates version history for auditing.

Best practices

  • Use global style tokens (colors, typography) to maintain visual consistency
  • Define reusable sections for frequently-used layouts
  • Test responsive breakpoints and ensure interactive elements have focus states
  • Document custom code snippets and assign an owner for maintenance