ELLA Theme: Need Help with Removing Sort Options

[mandarin_bot]

I would like to remove the Best Selling Option from my sort by.  In our case is called "Lo más vendido" (in Spanish). I've tried a bunch of different ways but I either get an error or no change at all.  Please help. Thanks!

[CodingFifty]

Hi @mandarin_bot,

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

[Guleria]

Hello @mandarin_bot ,

Edit theme.liquid search for </body> and just before to it add this code

<script>
document.addEventListener("DOMContentLoaded", function () {
    document.querySelectorAll('li[data-sort-by-item]').forEach(li => {
        let span = li.querySelector('span[data-value="best-selling"]');
        if (span) {
            li.style.display = "none";
        }
    });
});

</script>

Regards
Guleria

[mandarin_bot]

Amazing! This worked! Thank you!! Which code should I add to also not show the "Características" option value?

I appreciate it 🙂

[Promer]

Hi @mandarin_bot 

You can remove the "Best Selling" ("Lo más vendido") sort option in the ELLA theme by editing the theme code. Here’s how:

1. Go to Shopify Admin > Online Store > Themes.
2. Click Actions > Edit Code.
3. Locate the file: snippets/product-grid.liquid or snippets/collection-sorting.liquid (the exact file may vary).
4. Find the sorting options code, usually inside a <select> tag.
5. Look for a line that includes "best-selling" or "Lo más vendido", and remove or comment it out using {% comment %} ... {% endcomment %}.
6. Save your changes and test on your store.

If you’re not comfortable editing code, you can also hide the option with CSS by adding this to theme.css or base.css:

option[value="best-selling"] { display: none; }

[mandarin_bot]

Thank you. However, none of those options worked. I found in snippets
both collection-product-grid and main-collection-product-grid and couldn't
find either best-selling nor lo-mas-vendido. I also added the code to
base.css. None worked. Would you know why?
Thank you for your help!