I have a client who wants to add a SiteSearch360 bar just below the secondary navigation on their 7.0 site, so that it automatically populates to all pages. The website is NCBCenter.org.
Adding it to the code injection for the site adds the script above the entire header -- but they want it just below the nav.
Is there a way to add the script to appear below the 7.0 nav automatically? Or would we have to add a code block to every page header? (There are a LOT of pages; we rebuilt the site from a legacy Concrete5 site and they had a lot of content. Also please don't judge the messy navigation -- a bunch of people made changes after I reassigned the site to their control, and they decided everything was Terribly Important and needed a prominent navigation button. Not my job to fix it at the moment.)
<section role="search" data-ss360="true">
<input id="searchBox" type="search" placeholder="Search…" />
<button id="searchButton"/>
</section>
<!-- Start of Site Search 360 script (put right before the closing </body> tag) -->
<script type="text/javascript">
window.ss360Config = {
style: {
suggestions: {
text: {
color: "#333333"
},
background: {
color: "#ffffff"
},
padding: "5px",
distanceFromTop: "0px",
border: {
color: "#dddddd",
radius: "0px"
}
},
searchBox: {
text: {
color: "#333333",
size: "14px"
},
background: {
color: "#ffffff"
},
border: {
color: "#dddddd",
radius: "0px"
},
padding: "8px",
icon: {
image: "magnifier",
color: "#666666"
}
}
},
tracking: {
providers: []
},
siteId: "www.ncbcenter.org",
showErrors: false
};
var e=document.createElement("script");
e.async=!0;
e.src="https://cdn.sitesearch360.com/v13/sitesearch360-v13.min.js";
document.getElementsByTagName("body")[0].appendChild(e);
</script>
<!-- End of Site Search 360 script -->