The Framer Designer's Dilemma
Spending hours creating D1, D2, D3 variants and complex conditional visibility rules just to add basic filtering? There's a better way.
Sort Controls for CMS Collection Ordering
Let users sort CMS collections by any field with clean dropdown or button controls. Perfect for price, date, alphabetical, or custom field sorting.
- Sort by any CMS field: price, date, name, rating
- Ascending and descending order controls
- Dropdown or button-style sort interfaces
- Remembers user's last sort preference
- Works seamlessly with search and filters
CMS Sort Controls Configuration
Add sorting dropdown for any CMS field
Get CMS Sort Working in 2 minutes
Add professional sorting controls to any CMS collection. Allow users to organize results by price, date, name, or any custom field.
Choose Sortable Fields
Identify which CMS fields make sense for sorting - typically price, date, name, rating, or custom priority fields.
Pro Tips
- •Consider what users actually want to sort by
- •Price and date are the most common sort criteria
Add Sort Component
Drag CMS Sort component to your page, typically near the top of your collection or in filter areas.
Pro Tips
- •Position where users expect to find sort controls
- •Consider combining with other collection controls
Configure Sort Options
Set up the available sort options with field names, labels, and sort directions.
Framer Property Panel
sortOptions: [ { field: 'Title', label: 'Name (A-Z)', order: 'asc' }, { field: 'Title', label: 'Name (Z-A)', order: 'desc' }, { field: 'Price', label: 'Price: Low to High', order: 'asc' }, { field: 'Price', label: 'Price: High to Low', order: 'desc' }, { field: 'CreatedAt', label: 'Newest First', order: 'desc' } ]
Pro Tips
- •Use clear, user-friendly labels
- •Include both ascending and descending for relevant fields
- •Start with most commonly used sort option as default
Choose Interface Style
Select dropdown or button style based on your design and number of sort options.
Pro Tips
- •Dropdown style works better for 4+ sort options
- •Button style works well for 2-3 simple options
- •Match your overall filter interface design
Setup Complete!
Your CMS Sort is now ready. Test it in preview mode to ensure everything works correctly.
CMS Sort Setup Walkthrough
Watch the complete setup process step-by-step
CMS Sort Configuration Panel
Property controls and settings overview
Real-World Use Cases for CMS Sort
See how CMS Sort solves common filtering challenges across different industries and project types.
E-commerce Product Sorting
Let customers sort products by price, popularity, ratings, or newest arrivals
Scenario:
Online shoppers want to quickly sort products by price (low to high, high to low), customer ratings, or newest arrivals to find what they want.
Solution with CMS Sort:
Sort dropdown with options for price (both directions), rating (high to low), and date (newest first) gives customers full control over product organization.
Key Benefits:
- Faster product discovery based on user priorities
- Increased sales through better product organization
- Better user experience with expected e-commerce features
- Higher engagement through user control
Blog Post Organization
Sort articles by date, popularity, or alphabetical order
Scenario:
Blog readers want to find content organized by latest posts, most popular articles, or browse alphabetically by title.
Solution with CMS Sort:
Sort controls for date (newest/oldest), view count (most popular), and title (A-Z) help readers organize content how they prefer.
Key Benefits:
- Better content discoverability
- Increased page views through improved navigation
- Higher user satisfaction with content organization
- Professional blog user experience
Real Estate Listing Sorting
Sort properties by price, square footage, or listing date
Scenario:
Property buyers want to sort listings by price range, property size, or see the newest listings first to find relevant properties.
Solution with CMS Sort:
Sort options for price (low to high, high to low), square footage (largest first), and listing date (newest first) help buyers organize their search.
Key Benefits:
- Faster property discovery based on buyer priorities
- Higher quality leads through better organization
- Professional real estate platform experience
- Increased user engagement with listings
Ready to implement CMS Sort in your project?
Join thousands of Framer designers who've ditched complex workarounds for real filtering solutions.
Live CMS Sort Demo
Try CMS Sort in action with real CMS data. See exactly how it works before you implement it.
CMS Sort Interactive Demo
See how CMS Sort filters CMS content in real-time
CMS Sort in E-commerce Store
Product filtering with CMS Sort
CMS Sort in Portfolio Site
Project filtering with CMS Sort
Complete Your Filtering Setup
CMS Sort works best when combined with other CMS Filter components. Build a complete filtering experience.
CMS Search
Search for specific items, then sort the results
Works with CMS Sort:
Users can search for specific items and then sort the filtered results by their preferred criteria.
CMS Filters
Filter items, then sort the filtered results
Works with CMS Sort:
Combine filtering with sorting for complete collection control - filter by category, then sort by price.
CMS Count
Show result count that updates with sorting
Works with CMS Sort:
Display result count alongside sort controls to show users how many items they're sorting through.
Get All Components Together
Save time and get the complete CMS Filter suite. All components work seamlessly together for the ultimate filtering experience.
Framer CMS Filter Pricing
Lock in founder pricing. First 20 licenses at $59 - prices rise as slots fill.
Personal
$59$79First 20 licenses only · Then $59 → $79
Features included:
- 1 Site
- All filter components
- Remix 2 demo projects
- Lifetime v1.x updates
- Email support
Agency
$149$199First 20 licenses only · Then $149 → $199
Everything in Personal, plus:
- Unlimited Sites
- All filter components
- Remix 2 demo projects
- Quick Feature Requests
- Lifetime v1.x updates
- Priority support
Creator
$199$249First 20 licenses only · Then $199 → $249
Everything in Agency, plus:
- Template distribution rights
- All filter components
- Sell in marketplaces
- Quick Feature Requests
- Lifetime v1.x updates
- Priority support
Founder launch: first 20 licenses $59 (Personal) & $149 (Agency) & $199 (Creator) · Prices rise as slots fill
Frequently Asked Questions
Common questions about CMS Sort setup, configuration, and usage.