Storefront
Design your store with the Theme Editor and Page Builder, and add your own pages.
Your store is the public side of Prism at /. Two dashboard pages under Store control how it looks: the Theme Editor for colours and layout, and the Page Builder for the landing page and custom pages.
Store Pages
| Path | What it is |
|---|---|
/ | The landing page from the Page Builder. Before setup is done, the setup wizard. |
/products | Every published product, with search. Can be turned off in the Theme Editor. |
/products/<slug> | A product page. See Products. |
/checkout/success | Where customers land after paying. |
/login | Customer sign-in. |
/account | Account Details, Security and My Licenses. See Accounts. |
/terms, /privacy | Terms of Service and Privacy Policy, until you replace them with your own pages. |
/<slug> | Any custom page you make in the Page Builder. |
Theme Editor
Theme shows a live preview of your store, sign-in page, account and dashboard while you edit. Nothing changes for visitors until you click save.
| Section | What you can change |
|---|---|
| Mode | Light, dark or system. |
| Accent | The main colour for buttons, links and highlights. |
| Corner Radius | How rounded cards, buttons and inputs are. |
| Font | System, Montserrat, Serif or Monospace. |
| Store | Header and footer width, which side the account menu sits, the product card style and whether /products exists. |
| Header Links | Links and dropdowns in the store header, to your pages or any URL. |
| Footer | Footer links and your own copyright or notice. |
| Sign In | Which side the sign-in form sits on and the image or video behind it. |
| Dashboard | Sidebar position (left, right, top or bottom), a background image or video with tint, blur and glass panels. |
| Custom CSS | Your own styles, applied to every page. |
Product Cards
| Style | Looks like |
|---|---|
| Standard | Cover on top, name, summary and price below. |
| Compact | A small row with a thumbnail. |
| Expanded | A large cover with more detail. |
| Overlay | Text over the cover image. |
The style you pick is used on /products and on any Page Builder product showcase set to Theme Default.
Page Builder
Page Builder edits your landing page and custom pages on a live canvas. Switch between desktop, tablet and mobile to check each size. Undo and redo work as you go, and nothing is published until you save.
Sections
A page is a stack of sections. Each section is a grid of 1 to 4 columns.
| Setting | What it does |
|---|---|
| Columns | How many columns the section has. |
| Width | Contained, or the full width of the screen. |
| Spacing | Small, medium or large padding. |
| Background | None, muted, accent, or an image. |
| Anchor | An ID to link to, as in /#pricing. |
On small screens the columns stack.
Elements
Drag elements from the Elements tab into a section, then click one to edit it.
| Element | What it shows |
|---|---|
| Heading | A title in small, medium or large. |
| Text | A paragraph. |
| Button | A link styled as a primary or outline button. |
| Image | An image with alt text. |
| Feature | An icon with a title and text. |
| Badge | A small label. |
| FAQ | A question that opens to show its answer. |
| Products | A showcase of featured, latest or hand-picked products, in any card style. |
| Scroll Box | A card with an optional icon header and a scrollable body at small, medium or large height. |
| Scroller | An infinite horizontal marquee of feature texts with customizable icon, speed and style. |
| Spacer | Empty space. |
| Divider | A line. |
Each element can span several columns. Actions change an element depending on who is looking, such as a button that says Sign In to visitors and My Account to customers.
Page Settings
The Page tab sets what search engines and link previews show:
| Setting | What it does |
|---|---|
| Page Title | The browser tab and search result title. |
| Description | The search result and link preview text. |
| Social Image URL | The image shown when the link is shared. |
| Show in Search Engines | Off asks search engines not to index the page. |
The dashboard is never indexed.
Reset to Default replaces the landing page with the starter site in your language and keeps your page settings.
Custom Pages
Click New Page, give it a title and URL slug, and start from a blank page or a Terms of Service or Privacy Policy template. Slugs use lowercase letters, numbers and hyphens, and cannot be one Prism already uses, such as products, login or account.
Link to your pages from the header and footer in the Theme Editor.
Removing the Credit
The store shows "Powered by Prism" at the bottom. The Watermark addon on your Prism license removes it.