Frames

Frames allow you to create top and bottom sections (like headers and footers) and apply those globally across templates and pages.

Creating a frame

Frames have their own page in Shogun Frontend, and can be found through the main menu on the right sidebar.

To create a frame:

  1. Go to the Frames page using the right side menu.
  2. Click on ADD FRAME.
  3. Enter the frame name.
  4. Click CREATE.

You will be redirected to the Experience Manager (XM) where you will be able to build the frame with sections.

Adding sections to the frame

Before adding a frame to a template or page, we need to add sections to the frame itself. You can add, rearrange, and remove sections, as well as provide data to them in the same way as a template or page.

🚧

Custom content section cannot be added to a frame.

To add sections to a frame, from the right sidebar:

  1. Click on the Add sections like headers and banners here option on Frame top area.
  2. Select the desired sections from the sections dropdown. You can select as many sections as you want, and drag the section to rearrange its order if necessary.
  3. Repeat the process for the Frame bottom.
  4. Click SAVE to save your changes.
Adding sections to a frameAdding sections to a frame

Adding sections to a frame

To remove sections from a frame:

  1. Click on the section to be removed.
  2. Click on Remove section from frame.
  3. Click on Delete section in the prompt.
  4. Click SAVE on the XM sidebar when you are done removing sections.
Removing a section from a frameRemoving a section from a frame

Removing a section from a frame

Default frame

This is optional, but you can set one frame as the default frame. The default frame will be automatically selected whenever you create a new template or static page.

To set a frame as default, check the Set as default frame option on the frame page.

Setting a frame as defaultSetting a frame as default

Setting a frame as default

Changing the default frame

🚧

Changing the default frame won't impact pages and templates that are currently using the frame.

To change the default frame:

  1. Go to the current default frame.
  2. Deselect the Set as default frame option.
  3. Click SAVE.
  4. Go to the frame that will be the default.
  5. Check the Set as default frame option.
  6. Click SAVE
Changing the default frameChanging the default frame

Changing the default frame

Renaming a frame

A frame name can be changed at any time. In order to change its name:

  1. Click on FRAME SETTINGS located at the bottom of the sidebar.
  2. Enter a new name for the frame.
  3. Click SAVE when done.
Renaming a frameRenaming a frame

Renaming a frame

Applying a frame to a template

A frame can be applied to a template when creating a template or at any time, by going to the template page.

To apply a frame to a template:

  1. Go to the Templates page using the right side menu.
  2. Select the desired template.
  3. Select a frame from the Frames dropdown on the XM sidebar.
  4. Click SAVE to save your changes.

All pages generated from a template with a frame will automatically contain the frame top and bottom sections. Changes to the frame selection must be made at the template level.

🚧

You can't change a frame for a single page generated from a template. Frame top and bottom sections are always inherited from a template.

Setting a frame to a templateSetting a frame to a template

Setting a frame to a template

Applying a frame to a page

In the same fashion as for the templates, you can add or change a frame associated with a static page (a page that doesn't belong to any template) at any time.

  1. Go to the Pages page using the right side menu.
  2. Select the desired page.
  3. Select a frame from the Frames dropdown on the XM sidebar.
  4. Click SAVE to save your changes.
Setting a frame to a pageSetting a frame to a page

Setting a frame to a page

Deleting a frame

A frame can be deleted as long it is not being used by pages or templates.

To delete a frame:

  1. Go to the Frames page using the right side menu.
  2. Look for the frame you want to delete.
  3. Click on the three dots icon.
  4. Select Delete frame.
  5. Click DELETE on the confirmation modal.
Deleting a frameDeleting a frame

Deleting a frame


What’s Next
Did this page help you?