The page record opens when you select a page from the client pages list or create a new page.
Screen structure
The page record contains the Details, Page Editor, Sidebar Left, and Sidebar Right tabs. A Sync action is available in the header on all tabs. Select Sync to push the current build to the storefront.
Details tab
The Details tab contains the Menu Item Settings and Page Settings sections.
Menu item settings
Field | Input | Guidance |
Name | This is a required text field. | Use this field for the page's system identifier and name it in CamelCase, such as |
Path | This is a required text field. | Use this field for the URL path segment; use |
Translation | This is a required select field. | Select the translation key for the page label shown in navigation menus from the |
Menu | This is a required select field. | Select the menu to which the page belongs; available menus come from the client's navigation configuration and differ between storefronts. |
Menu group | This is an optional select field. | Select a subgroup within the selected menu; available groups depend on the chosen menu. |
Page settings
Field | Input | Guidance |
Title | This is an optional select field. | Select the translation key for the page's browser tab title from the |
Meta keywords | This is an optional textarea field. | Enter keywords used in the page's |
Meta description | This is an optional textarea field. | Enter text used in the page's |
Actions
Control | Availability or behavior |
Save | Save saves all changes on the Details tab and is disabled until a change is made. After the required fields are completed, Save becomes available. |
Cancel | Cancel discards unsaved changes and returns to the client pages list. |
Delete | Delete permanently deletes the page record. The control is available for existing records and is not present when creating a new page. |
Sync | Select Sync to push the current build to the storefront. |
Page Editor tab
The Page Editor tab opens the visual drag-and-drop canvas for the page. For the editor toolbar and controls, see Page editor screen.
Sidebar Left tab
The Sidebar Left tab lists the sidebar blocks assigned to the page's left sidebar.
Control | Availability or behavior |
ADD SIDEBAR | ADD SIDEBAR opens the selector for adding a sidebar block to the left sidebar. |
Reorder | Reorder opens the reorder interface for changing the display order of existing sidebar blocks. The control is disabled when no sidebars are assigned. |
When no sidebar blocks are assigned, the tab displays “No Sidebars found”.
Sidebar Right tab
The Sidebar Right tab lists the sidebar blocks assigned to the page's right sidebar. Its controls are identical to those on the Sidebar Left tab.
Control | Availability or behavior |
ADD SIDEBAR | ADD SIDEBAR opens the selector for adding a sidebar block to the right sidebar. |
Reorder | Reorder opens the reorder interface for changing the display order of existing sidebar blocks. The control is disabled when no sidebars are assigned. |
When no sidebar blocks are assigned, the tab displays “No Sidebars found”.
Notes
The Translation and Title fields select SHOP_* translation keys. Those keys are defined and translated in the Localization tool, not in Site Builder. For the related key inventory, see Client constant keys.
Related