Studio Layouts provide a way for you to create re-useable layouts that seamlessly fit into the Studio experience. After creating your layout, when your clients are editing their pages, the Studio Layouts UI will show your agency layouts alongside our Siteglide layouts.
To create or edit your layouts, there is a new section in Portal that can be accessed from the left menu called “Studio Layouts”. From this screen you can view information about your existing layouts and edit them, or create a new layout.
While creating and editing a layout, you have the follow fields:
When creating layouts we recommend that you use the following format. Wrap your your layout in a section that has a class in the following format {agencyName}-{category}-{ID} For example:
This way if the user has multiple layouts on a page, then you target any specific layouts via CSS by using the section class. Any CSS that needs to be included specifically for the layout should be included in a style tag along with the layout. For example:
This way, the user does not have to go to another section of Siteglide such as code editor to add in the CSS. It is integrated into the layout itself. Any Bootstrap or Sass Variables can continue to be used by applying that class to the layout.