If you would like to change the text on pages that you can't edit in the code editor, you can achieve this by using HTML/CSS/Liquid as well as Javascript in the Code Snippets.

This advanced tutorial is for Web Developers or users who are familiar with the programming languages aforementioned. We provide this for educational purposes. It presents a general approach as well as a suggested solution to change the text on the Common Pages. If you aren't proficient with those programming languages, please do not try this and hire a Web Developer for Advance Custom Changes instead.

For security and performance reasons, we do not recommend customizing Common Pages with code. We do not guarantee that customizations will continue to work in the future as new features or versions of the platform are released.

Before you change code, always make a backup of your site.

We recommend that you start by Changing the Common Terms on the Programs Page.

Then, insert the code below into the Head Code Snippet. Please mind the two parts: variables and functions. In the first part of the code, we are declaring the variables, so you don't need to edit the functions.

Reminder: This help guide has been created for educational purposes and it's addressed to web developers. At the time it was written, it was created in English and it doesn't work well on sites with other languages. If your site is in a different language, please work with your web developer to make it work in your local language.

<script>
// Only change the term below if you didn't set up the change of Labels in the Programs page

let filterLabel = "Coach";

// Please don't change anything below

function changeAuthorFilter() {
if (typeof(authorLabel) != "undefined") {
filterLabel = authorLabel;
}
let labels = document.getElementsByClassName("selectr-label");
let containers = document.getElementsByClassName("s-select-area");
for( let i = 0 ; i < containers.length ; i++ ) {
setTimeout(function() {
containers[i].addEventListener("click", removeFirst, false);
}, 0);
if(labels[i]) {
if(labels[i].innerHTML.indexOf("uthor") !== -1) {
labels[i].innerHTML = filterLabel;
}
}
}
}

function changeAuthorSelectr() {
let labels = document.getElementsByClassName("selectr-option");
for (let i = 0; i < labels.length; i++) {
labels[i].addEventListener("click", changeAuthorSelectr, false);
if (labels[i].innerHTML.indexOf("uthor") !== -1) {
labels[i].innerHTML = "Coach";
}
}
}

function removeFirst() {
setTimeout(function() {
let options = document.getElementsByClassName("selectr-option")[0];
if (options) {
options.innerText = "- None -";
}
}, 0);
}

document.addEventListener('change', changeAuthorFilter);
document.addEventListener('change', changeAuthorSelectr);
</script>
Did this answer your question?