Skip to main content

Creating Layouts

To access the Layouts Editor:

  1. From Studio, select Design.
  2. Select Layouts.
  3. Select + Add layout. The New layout panel is displayed.
  4. Specify a name for your layout. This should be something easy to understand, indicating the layout's purpose or function. For example, Featured products or Sales countdown.
  5. In Layout component, select a layout component from the list. You can either choose:
    • Single Column Layout - Content is stacked in a vertical column. This layout is useful for narrow screens sizes, so it is commonly used in mobile design or responsive web layouts.
    • A custom layout component that you have created. See Layouts.
  6. Select Create layout.
  7. Configure the layout by adding the components you want.
    • the sections that you want to use, for example, boxes, callouts, images and so on.
    • any custom components that you want to use.
  8. When you are happy with your layout, select Publish.
  9. When you create a new page, your new page automatically uses the new layout.