The Page Editor tab sits beside the Details, Sidebar Left and Sidebar Right tabs on a client page. The tab is where you configure the blocks of a client page, including the data source each block uses. To open it, go to Client pages, open a page, and select the Page Editor tab.
Toolbar controls
Control | Description |
Sync | Sync regenerates the static configuration that the site is served from, so a published change reaches the client only after you run it. Publish saves the page content, and the canvas has no separate save. A storefront can keep serving a cached version after both steps, so check a change on an address you have not opened before. |
The toolbar also has Toggle left sidebar, Toggle right sidebar, undo and redo buttons. When the editor opens, redo is unavailable.
Viewport and zoom controls
The Page Editor tab has three viewport buttons, Switch to SM viewport, Switch to MD viewport and Switch to XL viewport, and two zoom buttons, Zoom viewport out and Zoom viewport in. When the editor opens, Switch to XL viewport and Zoom viewport in are unavailable.
Component palette
The component palette groups the available components into categories. When you select a block on the canvas, its fields appear in the left panel.
Category | Components |
Basic | Space, Grid, Flex, Heading, Text, Rich Text, Image, Video, Action, Card, LinkWrapper, Tabs |
Widgets | Sale Carousel, Slider, Dynamic Slider, Dynamic card, Product List, Catalog Header, Breadcrumbs, Cards List, Brand Carousel, Categories Carousel, Categories List, ProductCard, Dynamic Table |
Dynamic Product Details | Dynamic product details, Grid, Flex, Space, Action Card, Price, Product Attributes, Available Packages, Description, Files, Gallery, Labels, Links, Product Info, Properties, Similar Products, Tables, Product Tabs, Title, Title Mobile, Product Reservation, Product Offers, Back in stock request |
Auth | Login Form, Sign Up Form, Phone Login Form, Phone Sign Up Form, Forgot Password Form, Check email |
Profile | User info, Company info, Account activation, Cart, Dashboard |
Cart | Cart, Cart Switcher |
Pages | Not Found (404) |
Documents | ERP Documents List, ERP document header, ERP document item lines, ERP document totals, Digitrade Documents List, Digitrade Document |
Apps | AppWidget |
Form | Form |
Component notes
Component | Notes |
Dynamic Table | Lets you set how many months back the default start of its date filter falls, and the out-of-the-box value is 3. With the filter untouched, the default range runs from the first day of the month that many months back to the last day of the current month. |
ERP Documents List | Has the same months-back setting and the same default date range as Dynamic Table. Its document types are discovered from the platform for the current client rather than taken from a fixed list. |
ERP document item lines | Can show, for each order line, the delivery or return notes it shipped on and the invoice each was billed under. The traceability display can be switched on or off for each component. When the traceability display is switched off, order lines have no expandable delivery and invoice panel. Document numbers link to the client's own pages, routed per document type, so a return can land on a different page from a delivery. By default an order line is matched by its order line number, and matching by SKU is the alternative. |
ERP document totals | Takes no data source of its own, because its numbers arrive in the response of the ERP document header. |
Page settings
The page editor includes a settings form with the settings listed below.
Setting | Description |
Styles | Appears in the page settings form. |
Page Title | Provides a text field for the page title. |
Display Catalog Banner | Controls whether the catalog banner appears on the page, with Yes and No options. |
Authorizarion is required to view the page content | Sets whether the page content requires authorization to view, with Yes and No options. |
Allowed roles (any match grants access) | Accepts a selection of roles. The empty selector reads Select roles. |
Display Default Breadcrumbs | Appears in the page settings form. The Widgets category of the component palette includes a Breadcrumbs component. |
Automations may send shoppers here | Appears in the page settings form. After you change a page setting, publish the page and then select Sync so the change reaches the storefront. |
A data source marked as personal data may only be placed on a page that requires visitors to sign in before they can see its content. If such a source is placed on a page that does not require sign-in, the component renders empty for visitors, with no error message.
Data sources and templates
Components that fetch their own data ask you to choose a data source from the platform catalog, and the component's address is written from that choice rather than typed. The list of sources belongs to the active client, so check the client named in the header before you configure a page. A component's template changes how it looks and never changes what data it requests.
Related