Homepage
PAGE SETUP
- Homepage Image Sizes
- Hero Image Slideshow
- Top Banner: Header Links
- Bottom Banner: Footer Information and Links
- Mega Menu
- Call To Action 'Sticky' Buttons
Homepage Image Sizes
Hero Image Slideshow
The hero slideshow at the top of the page can contain images with one seperate overlay that would appear on all images.
Adding Images to Homepage Gallery
- Upload Images to Resources, images should be sized 1920px by 1080px, saved out for web
- Add the image to Homepage Slideshow Gallery in the FS Production folder in Galleries
- Arrange Photos as desired
- Save
Modifying Text Overlay on Homepage
- Hover over content element below the homepage slideshow and select Edit Content
- Edit the text here.
- Click Save.
Top Banner: Header Links
The Utility - Header and Popular Searches branches are used to update links in the top banner of the website. Typically, these pages are redirects to pages in the interior pages of your website. To update these pages:
- Go to the branch and click on the desired page
- Click on the page settings
- Click the Linked tab to update the link to the desired location
- Save
Bottom Banner: Footer Information and Links
The Utility - Footer, Call to Action buttons, Accreditation and Social branches are used to update links in the bottom banner of the website. Typically, these pages are redirects to pages in the Utility Pages Branch or other interior pages of your website. Links in the Social Media Branch are redirected to the proper source. To update these pages:
- Go to the branch and click on the desired page
- Click on the page settings
- Click the Linked tab to update the link to the desired location
- Save
Utility Pages Branch
The Utility Pages branch contains pages that contain standard website information like the school's Privacy and Accessibility policies. If you do not yet have a Privacy Policy, and need assistance creating one, please check out the article in the Knowledge Base. Information about creating an accessibility policy exists on the page. Some of the pages in the Footer Utility branch also link back to pages in this branch of your website.
To update the school address
- Go to the Banners section of Composer
- Select the default footer 2022 from the Footers
- Click into the content element and update the text within the content elements.
- Save the banner when the edits are complete.
To change the image
- Hover over the resource element and click on the ‘Settings’ cog.
- Click Browse to select a Image
- Save and Publish
Tip: Since there is a significant amount of code used to format the address, it's often helpful to update this information from the html </> option in the editor. Once in the html, simply update the black text.
Mega Menu
Call To Action 'Sticky' Buttons
The three sticky buttons are managed in the Call to Action Buttons branch and have the option of being updated and having the icon library to change icons if needed.
Updating Call to Action Buttons
- Located the Call to Action Buttons branch, click on one of the 3 buttons
- Go to the Page Settings
- Update Page Title to change button title
- At bottom of setting update Custom Class to change icon, us Icon Library to see icons to chose from and source the new custom class to add
- Go to Link Tab to set button destination
- Save changes
- Publish Page
- Distinctions
- College Acceptances
- Academic Divisions
- Core Values
- What's New
- Instagram Feed
- Quote Slider
Distinctions
- Distinctions is created using a custom-styled accordion feature.
- Each segment of distinction has its own panel, which the user can switch between.
- Each distinction has its own content element.
To edit panel title
- Hover over the panel and click on the ‘Settings’ cog.
- Change the title.
- Click Save.
To edit distinction content
- Hover over the Content element and click on the ‘Settings’ cog.
- Change the title.
- Expand the design tab in the ‘Edit Content Element Settings’ window.
- Change the image in header content area.
- Change statistic in footer content area.
- Click Save.
- Hover over the content element and select Edit Content
- Change the text.
- Click Save.
College Acceptances
This panel is made up of a 2 main components
- Content element - title and overview text
- Navigation element - for colleges
To edit title and overview text
- Hover over the content element and click on the ‘Settings’ cog.
- Change the title in title field.
- Save
- Hover over content element and select Edit Content
- Modify text.
- Save updates
To edit colleges
- In the sitemap navigate to the Colleges branch
- Click on the page
- Click on the page settings cog at the bottom of the page
- Name of College should be listed in Page Name
- The Custom Nav Class should have the watermark class for the image to appear behind the logo
Watermark classes to select from are
Asia - asia_watermark
North America - us_watermark
Europe - europe_watermark
- Click Nav Info
- Update the image, best to use SVG image or transparent PNG images if SVG cannot be sourced
- Select on the Link Tab
- Set external destination to college website
- Hit Save
- Publish Page
Academic Divisions
This panel is made up of 3 resource elements.
To edit distinction content
- Hover over the Resource element and click on the ‘Settings’ cog.
- Change the title in title field.
- Click on the ‘Browse’ button within the ‘Single’ tab in the ‘Edit Resource Element Settings’ window.
- Choose or upload a new video in Resources.
- Open the ‘Image’ section inside the ‘Edit Resource Element Settings’ window.
- If you would like to display the description added with the image when it was uploaded to Resources, leave the ‘Default Description’ tab selected. If you would like to display a custom description, select on the ‘Custom’ tab and add a short text description in the content editor provided.
- Save the element settings and publish the page.
Core Values
- Core Values is created using a custom-styled accordion feature.
- Each segment of core value has its own panel, which the user can switch between.
- Each core value has its own resource element.
To edit panel title
- Hover over the panel and click on the ‘Settings’ cog.
- Change the title.
- Click Save.
To edit core values
- Hover over the Resource element and click on the ‘Settings’ cog.
- Change the title in title field.
- Click on the ‘Browse’ button within the ‘Single’ tab in the ‘Edit Resource Element Settings’ window.
- Choose or upload a new photo in Resources.
- Open the ‘Image’ section inside the ‘Edit Resource Element Settings’ window.
- If you would like to display the description added with the image when it was uploaded to Resources, leave the ‘Default Description’ tab selected. If you would like to display a custom description, select on the ‘Custom’ tab and add a short text description in the content editor provided.
- Expand the design tab in the ‘Edit Resource Element Settings’ window.
- In the custom class enter icon- followed by name of icon, for example icon-book.
- Save the element settings and publish the page.
Find the icon library here.
What's New
What's New section is controlled by Posts.
To change news stories
- Hover on the Posts and click on 'Settings' cog.
- Expand the Content Filters panel.
- Click on Select Board and select the board/boards that need to display.
- Click Save.
To add a news article.
- Click on the 'Modules' icon to the left of Composer and select 'Posts'.
- Click on ‘Boards’ and select the desired folder
- Select the board representing the category the new article will belong to and click on the ‘New Post’ button at the top right of the interface.
- Add the title of the article to the Post title field.
- Add the article content to the ‘Body Content’ content editor.
- Add the article date to the ‘Start’ field at the top right.
- Open the ‘Summary’ panel and click into the content editor.
- Type in a single short paragraph introducing the article (up to 20 words).
- Open the ‘Category & Tags’ panel.
- Add or select the tags you wish to apply to the article.
- Open the ‘Thumbnail & Resources’ panel.
- Click on the ‘Browse’ button and choose or upload a new photo in Resources.
- Save and publish the article.
Instagram Feed
Quote Slider
This panel is made up of a container and 3 content elements.
To update 360° Tour button
- Hover over the Container and click on the ‘Settings’ cog.
- Expand the design tab in the ‘Edit Container Element Settings’ window.
- Update the text and link in header content area.
- Click Save.
To edit quote
- Hover over content element and select Edit Content
- Modify quote.
- Save updates