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: Webflow - GTZP Redesign

Here is the publish link: Browse Organizations