Home
Docs
Online store builder
Storefront design

Storefront design

Pages and the page builder, your theme, product and category cards, the design library, header, menus and footer.

1 PagesCreate, edit, clone and delete your store's pages, choose the home page, set the header's position, and give each page its SEO. 2 min
2 The page builderBuild store pages from rows, columns and elements — add, move and style them, preview phone and tablet, hide parts on some screens, and save sections to reuse. 2 min
3 Store elementsEvery element of the page builder — Products, Categories, Brands, Vid And Prod, Banners, galleries, testimonials, forms, blogs, accordions, and the text, image, video, blurb and button basics. 2 min
4 Your theme — colours, fonts and shapeSet your store's colours, typography and shape once, and every page, button and card follows — with a live preview. 1 min
5 Theme library and website themesApply a ready-made colour theme in one click, or install a complete website theme — header, footer, cards and pages — or just the pieces you want. 1 min
6 Product, category and brand cardsDesign how products, categories and brands look in grids and carousels — padding, background, border, shadow, title, price, image, hover — and choose the active design. 1 min
7 The design librarySaved designs for buttons, forms, accordions, galleries, testimonials and blog cards — create your own or import ready-made ones included with your plan. 1 min
8 HeaderDesign the bar at the top of every page — sticky or static, transparent on the home page, colours, spacing — with a live desktop, tablet and phone preview. 1 min
9 Menus and the mega menuBuild the header menu from direct links and dropdowns — including automatic category and brand dropdowns — or switch to a designed mega menu. 2 min
10 Footer and social linksBuild the footer with rows and columns of links, text, contact details and a newsletter box — and add your social profiles. 1 min
11 Custom CSS and JavaScriptAdd your own CSS and JavaScript to the whole store, or to a single row — with care, and how to undo a mistake. 1 min