Sort CMS list by Referenced Field

Hey everyone!

I’m developing a client’s design currently, and they want to filter a CMS collection by location among other things. I have successfully set this up using Finsweet Attributes.

The CMS list in the drop-down filter is the “Cities” collection that also references CMS collections for states and countries. See below:

I have used text fields to show City, State, Country in the drop-down using the CMS reference fields.

THE ISSUE is that I can’t figure out how to sort this list by COUNTRY (instead of city) to make things more organized.

I know this functionality isn’t available natively within Webflow forms but I imagine it can be done using some custom code. Does anyone have suggestions?

I’ve already tried Finsweet Sort Attributes.

Thank you!


Here is my site Read-Only: https://preview.webflow.com/preview/gtzp-redesign?utm_medium=preview_link&utm_source=designer&utm_content=gtzp-redesign&preview=e62b25179f7065587057d82d4cc91821&pageId=62f3ad4e2e7c8d1fa99002bb&workflow=preview

Here is the publish link: https://gtzp-redesign.webflow.io/browse-organizations