Shop Design
Your shop carries your brand. The theme sets the base style, the shop designer builds home page, header and footer from blocks. You work in a draft and publish when it fits.
Theme
You choose the theme in the setup wizard or any time under Settings → General → Theme selection.
Modern
Clear, elegant, dark accents. For a premium look.
Basic
Fresh and friendly. The proven classic.
Switch without loss
The shop designer
Under Shop Design the designer opens. Blocks on the left, preview in the middle, properties of the clicked element on the right.
- 1Surfaces: home, header, mobile header, footer and design. Each surface has its own draft.
- 2Elements, blocks, structure: drag blocks, insert ready blocks, see the page tree.
- 3Save creates a draft. The shop stays as it is.
- 4Publish puts the draft live.
Elements
Section, container, slider, heading, text, image, button, spacer, divider, rich text. Shop elements: access code form, portfolio, FAQ, book appointment, contact form, contact info. Header and footer have their own: logo, navigation, cart, account, social media, menu list, copyright.
Blocks
Ready combinations: hero classic, minimal, with slider. Header classic and mobile. Footer classic, minimal, centred. Page blocks for contact, about, legal.
Properties
Right: content, style, advanced. Typography, spacing, sizing, background, border. Changes per device: desktop, tablet, mobile, each hideable.
Preview
The preview in the middle is the real shop with your data. At the top you switch between desktop, tablet and mobile.
The block library
Under Blocks you find ready-made sections: hero, access code, portfolio, prices, contact and more. Drag a block into the preview or click it, and it sits in the right place. Every block stays fully editable afterwards, nothing is hard wired.
- 1Blocks: the library of ready-made sections
- 2Open the full selection of blocks
The structure
Structure shows the page as a tree: section, container, element. Use the tree to select what is hard to hit in the preview, and to move whole sections into a new order.
- 1Structure: the page as a tree
Single elements
Under Elements are the building blocks themselves: heading, text, image, button, spacer, divider, access code form, booking and contact form. Use them to build a section from scratch when no ready-made block fits.
- 1Elements: the single building blocks
Four surfaces, one editor
Colours and fonts
The Design surface bundles the global settings. They apply to all pages and all surfaces.
Colours
Primary and secondary colour, page background, headings, body text, primary and secondary buttons, card style, badges.
Fonts
Font pair for headings and text. The preview on the right shows the effect immediately.
Save, publish, reset
Two stages protect the running shop.
Save
Writes the draft. When switching surfaces the designer saves automatically. Parents keep seeing the published version.
Publish
Only the owner can publish. The draft becomes the live version, visible immediately at your shop address.
Factory settings
Resets home, header and footer to the template. Requires the word RESET. Products, pages and settings stay.
The result
The published home page with access code form, header menu and footer. Parents enter the code from the card here.
Pages and menus
Legal notice, contact, about and more pages you create under Pages and design in the designer. Header and footer menus you maintain under Menus.