Primo VE: Adding a message banner

Primo VE: Adding a message banner

Can I create a message banner to display at the top of each of my Primo VE pages?
If campuses would like to add an optional banner, they just need to add this additional code to the custom.css file.  
 
 /* LOCAL BANNER */
body::before {
    content: "Hey Look! I can put a banner right here!";
    display: inline-block;
    background: #ecd90f;
    text-align: center;
    width: 100%;
    font-weight: bold;
}
 
Save the css file in the folder structure and zip it using 7zip.
 
Then upload it to your view and deploy that view from the Customization Manager.
 
PALS Homescreen with a banner
 

UPDATE: November 2020

One of our libraries asked for a way to include a hyperlink to another page on their website. While we were unable to do this with our original code, Simon Mai of the PALS Office was able to create a small piece of Javascript code that allowed for creating a similar banner at the top of the Primo page.
 
Instructions
 
Add the following code to your library's custom.js file:
 
/*
* Add a top banner
*/
var topBanner = document.createElement('div');
topBanner.innerHTML = "<a href=
 https://www.mnpals.org/calendar/>See upcoming events on our PALS Calendar!</a>";
topBanner.setAttribute("style", "padding: 2px 0px 4px 0px; display: inline-block; background: #ecd90f; text-align: center; width: 100%; font-weight: bold;");
var body = document.body;
body.insertBefore(topBanner, body.firstChild);
 
Save the custom.js file in the folder structure and zip it using 7zip.
 
Then upload it to your view and deploy that view from the Customization Manager.
Banner with link
 

    • Related Articles

    • Primo VE: Adding Springshare's LibChat to Primo

      Can I add my Springshare LibChat widget to Primo VE? NOTE: The Springshare LibChat widget is part of the commercial Springshare suite of products. You will need to have a subscription or trial access to set up for your library. If campuses would like ...
    • Primo VE: Changing GETIT OTHER label

      I've had success changing labels in Primo, but there is one I can't seem to find.   On the items details page under the How to get it section, there is a heading called GETIT OTHER. Below the heading are the other libraries which have the item. I ...
    • Primo VE: Usage Statistics

      Is there a way to get statistical usage from our Primo online public access catalog, Library Search? Yes there is, via the Primo Analytics options in Alma: In Alma, from the top dropdown choose Analytics Design Analytics (Primo) Left hand set of ...
    • Primo VE: Creating a search profile for only electronic materials

      Ex Libris has a presentation on their Best Practices for Alma and Primo Documents and Presentations page outlining How to add a search profile for only electronic materials using Primo VE. The Powerpoint is attached here. Please contact PALS Support ...
    • Primo VE: Create a search box for my library homepage

      How do I create a search box for my Primo on my library homepage? ​Some great documentation has been created by John Daniels of Minneapolis Community and Technical College for coding Primo VE Search Widgets for your library homepage. His document is ...