You can modify your CustomerHub site favicon by adding the following custom code to your current theme.
Step 1: Upload favicon
- Go to Library > Images
- Upload your favicon image to your customerhub image library
NOTE: recommended Favicon image size is 16x16 pixels
Step 2: Copy image URL
- After your favicon image has been uploaded, click image name link to edit
- Right+click image thumbnail and select "copy image address"
- Save URL for later use
Step 3: Add the JavaScript
- Add the below JavaScript code to your themes JavaScript tab
- Paste the image URL from Step 2 into the code. (replace [IMAGE URL] with link)
- Save and Publish theme
NOTE: Due to limitations this will NOT change the favicon on the login screen but will change it for all other pages.
JavaScript:
<script>
function change_favicon(img) {
var favicon = document.querySelector('link[rel="shortcut icon"]');
if (!favicon) {
favicon = document.createElement('link');
favicon.setAttribute('rel', 'shortcut icon');
var head = document.querySelector('head');
head.appendChild(favicon);
}
favicon.setAttribute('type', 'image/png');
favicon.setAttribute('href', img);
}
change_favicon('[IMAGE URL]');
</script>
Example JavaScript with image URL:
