Remove some options from "Sort By" - Sense theme

[Iris27]

I would like to remove the following sort by options on my website (www.studioyouka.nl) (SENSE theme):

Alphabetical - A-Z
Alphabetical - Z-A
Date - Old to new

Can somebody tell me which code I need to use? 🙂

[ThePrimeWeb · Accepted solution]

Hey @Iris27,

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Above the tag "</body>" tag paste the following. Screenshot attached for reference.

<script>
document.addEventListener('DOMContentLoaded', function() {
    try {
        const sortBySelect = document.querySelectorAll('select[name="sort_by"] option');

        for (const option of sortBySelect) {
        
          if (option.value === "title-ascending" || option.value === "title-descending" || option.value === "created-ascending") {
            option.remove();
          }
        }
    } catch {}
});
</script>

Screenshot for reference  

[Iris27]

Thank you!!

[menakap]

This solution works for the first time. Once I select the sort options say (price, low to high), disabled options come back. What would efficient event to  listen?