Icon Bar

The icon bar appears above the footer on all pages, plus below the header image carousel on the home page. There are two spots that code needs to be injected to accomplish this.

The image links for (currently) four museum icons, are hard coded in an array within the javascript library unity.js.

Note: This function code is a little delicate and attempts to reposition the icon bar to a specific place in the header and footer area. This could break if SquareSpace changes selector names slightly someday.

Home page advanced code-injection

Cookbook

• Select Home page
• Click on the home page wheel
• Click on “Advanced”
• Insert the following code block anywhere

<script>
$( document ).ready(function() {
  addIconBar('header');
})
</script>

Any page footer section

Cookbook

• Edit any page
• Scroll down to the footer section
• Click “Edit Footer”
• Insert the following code block anywhere

<script>
$( document ).ready(function() {
  addIconBar('footer');
})
</script>

Usage:

addIconBar(what)

Parameters:

Return Value:

None