Sort by 4 different sorting options with the Combine component
The structure of our CMS Collection List
Sorting by text within the collection by applying a class to the text
Structure of a class and data-attribute on our sort button
The .sort() component to make the Collection List sortable by multiple sorting options
An explanation of the difference between sortReverse true vs. false
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
Branding, Strategy Consulting
Branding, Strategy Consulting
Motion Graphics
Motion Graphics
Branding, Web Design
Branding
Web Design
Development
Development
Motion Graphics
Branding
Web Design
Web Design, Development
Web Design, Development
Strategy Consulting
Web Design, Development
Web Design
Strategy Consulting
Branding, Motion Graphics
Branding, Web Design
Strategy Consulting
Branding, Web Design
Branding, Web Design
Branding, Web Design
You are almost there! Clone this template by clicking the link above. Learn, play around, test, use your own content, and have fun.
You can delete all .delete-me divs! All of the How-To content is in the .clonable divs.