Skip to main content

Create a top bar

A top bar is a named layout region — such as a header or footer — that frames the storefront.

N
Written by Niyaz

Use Site Builder to create a named layout region, such as a header or footer, that frames the storefront.

Top bar creation form with the Name field and Save action.

Steps

  1. In the Site Builder navigation, select Top bars.

  2. On the Top bars screen, select Add Top Bar.

  3. In the Name field, select Header or Footer.

  4. On the create form, select Save. The record opens on the Details tab with the name you chose.

  5. Select the Editor tab to lay out the top bar content on the visual canvas. The Editor tab opens. Use the editor toolbar to undo, redo, switch viewports, zoom, and toggle sidebars.

  6. On the top bar editor, select Sync to publish the top bar to the storefront.

Result

The top bar appears in the Top bars list, where you can reopen it to continue editing.

Related

Did this answer your question?