Sometimes, it is helpful for districts to be able to add a full-width page banner to the headers of all of their included domains to aid in communication of an important or crucial moment.
In this Article
- Quick solution: display a page pop
- Prepare the code configuration
- Add customized banner to every domain in your site
This article outlines the options available for districts wishing to display this important information on all domains' headers within your platform all at once.
Quick solution: display a page pop
For a quick solution, page pops is an available software feature that would allow you to display your information in the headers and link from there to a more centralized location page or hub.
The benefit of a page pop is that end users need to interact with the pop before doing anything else on the page, as the background is grayed out. The page pop will also show consistently across desktop, tablet, and mobile devices.
Prepare the code configuration
You may want to add a full-width banner to display in your header. Here are the instructions for preparing the code to then customize and insert onto your sites.
The text file attached to this article includes a snippet of code that you can copy and paste into your site's theme/layout. After you update the background, text, and link colors as you see fit, you can also update the link to point to a specific page.
Paste the code into your theme, click save, and the banner will be added to all pages where that theme is applied.
Important Notes
- This uses the same code as a COVID or emergency banner you may already have, and they may not display properly together.
- If your site features a sticky or fixed header, the banner may not display properly. Please submit a Support request to allow our team to investigate.
Add customized banner to every domain in your site
Use the following instructions to add a customized version of this banner to your Composer site.
-
Download the example banner (attached below).
-
Update the sections highlighted in the following image.
-
Update header: Modify the bolded covidText content between the double quotes.
-
Update link: Modify the bolded covidLink content between the double quotes.
-
-
Copy the entire snippet.
-
Go to the Themes section of your Composer navigation, and click on the theme for your site.
-
Paste the snippet in the External Assets box. You may need to expand the box by dragging the handle in the bottom-right corner.
-
Click Update in the bottom-right corner of the screen.
-
If you have more than one theme applied to pages on your site, such as an athletics theme, repeat steps 4–6 for any additional themes.
Comments
Please Sign in to leave a comment if you don't see the comment box below.