Accordion Sorting Issue

Hi! I have a simple dictionary. I have different buttons per each letter (not exactly set up as tabs … ), which came from a cloneable site. Each was sorted by “filter-1”, “filter-2” and I changed it in the CMS so that I can sort by letter (A instead of filter-1, and so on). While I thought I reconnected it properly to the sorting buttons … it seems I missed something. The site no longer sorts by letter as it needs to.

https://preview.webflow.com/preview/onwardss-dapper-site?utm_medium=preview_link&utm_source=dashboard&utm_content=onwardss-dapper-site&preview=114e527db0591e236a69c5d9f54645f2&workflow=preview

Hi there!

To sort your Collection list alphabetically by letters, you’ll need to configure the sorting settings in your Collection list element. Here’s how:

  1. Select your Collection list
  2. Go to the Settings panel
  3. Add a Sort order under Collection List Settings
  4. Select your plain text field (containing the letters) in the first dropdown
  5. Choose either alphabetical (A-Z) or reverse alphabetical (Z-A) order in the second dropdown
  6. Click Save

This will automatically arrange your Collection items based on the text field you selected, making it easy to display your content in alphabetical order.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like

Thank you! Will I need to do anything differently with the custom attributes written on each button? (And to clarify, I don’t need everything necessarily alphabetical when the terms are set to ‘all’ displaying everything in one chunk, but I do need to have each A-Z button only show terms starting with those letters.

At a glance, both the setup and the code you’re using look broken in a few ways. I think I see some syntax errors in the code, and it looks designed for sorting numeric groups? And the list itself does not appear to have sorting attributes. I’d have to spend some time digging to figure out how it was meant to work.

You could go three directions here-

Return to the original cloneable and figure out how it works, then how to adjust it properly for alphabetic groups.

Use a different approach. Learn Finsweet CMS filter and CMS load attributes.

Eliminate the dynamic filtering, and switch instead to using collection pages which are statically filtered using Webflow’s native filtering feature.

1 Like