--- title: Automatically sorting and reordering collection items [B12 2.0] description: Examples of section types that can include collection items are blog posts, services, image galleries, video galleries, resources, faqs, and teams. There are two options to automatically sort/reorder --- [Skip to content](https://support.b12.io/en/v2/how-to-automatically-sort-reorder-collection-items#main-content) ![b12 logo](https://support.b12.io/hubfs/b12%20logo.svg) - [Help Center](https://support.b12.io/) - [B12 Website](https://www.b12.io/) - [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery) - [Resources](https://www.b12.io/resource-center/) - [Pricing](https://www.b12.io/pricing/) - [Log in](https://b12.io/dashboard/) Open main navigation Close main navigation - [Help Center](https://support.b12.io/) - [B12 Website](https://www.b12.io/) - [AI Website Prompts](https://www.b12.io/ai-website-prompt-gallery) - [Resources](https://www.b12.io/resource-center/) - [Pricing](https://www.b12.io/pricing/) - [Log in](https://b12.io/dashboard/) - [Start for free](https://b12.io/signup/) [Start for free](https://b12.io/signup/) How can we help? - There are no suggestions because the search field is empty. 1. [B12 Help Center](https://support.b12.io/en?hsLang=en) 2. [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en) 3. [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only) # Automatically sorting and reordering collection items \[B12 2.0\] ## Learn how to automatically sort and reorder collection items on your B12 website. | ![me-webp-May-22-2025-10-46-54-0896-PM](https://support.b12.io/hs-fs/hubfs/me-webp-May-22-2025-10-46-54-0896-PM.webp?width=60&height=60&name=me-webp-May-22-2025-10-46-54-0896-PM.webp) Written by: Madeline B. Last updated: 29 Dec., 2025 | | --- | Many B12 section types use collections to display multiple items in a grid or list. Common examples include blog posts, services, products, image galleries, video galleries, resources, FAQs, and team members. You can automatically control the order in which collection items appear using built-in sorting options. This helps keep your content organized and ensures new items appear in the right place without manual reordering. ### Sorting by newest or oldest Use this option when you want items to appear based on when they were added. 1\. In the left sidebar menu, go to **` Website` \>** ` Pages`. 2\. Scroll down to the section labeled **Product** **pages** or **Service** **pages**. Select any product or service from the list. #### ![Screenshot 2024-11-08 at 11.16.30 AM](https://support.b12.io/hs-fs/hubfs/Screenshot%202024-11-08%20at%2011.16.30%20AM.png?width=250&height=175&name=Screenshot%202024-11-08%20at%2011.16.30%20AM.png)![Screenshot 2024-11-08 at 11.16.35 AM](https://support.b12.io/hs-fs/hubfs/Screenshot%202024-11-08%20at%2011.16.35%20AM.png?width=250&height=165&name=Screenshot%202024-11-08%20at%2011.16.35%20AM.png) 3\. Scroll to **Collection**, then click `Sort` to sort by newer first or older first. ![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-03-39-05-0493-PM.png?width=250&height=350&name=image-png-Dec-30-2025-03-39-05-0493-PM.png) The collection updates immediately, and any new items added in the future will follow the selected order. 4\. Click `Publish` in the upper-right corner to make your changes live. ### Automatic sorting Use automatic sorting when you want more control over how collection items are ordered or when displaying a limited preview of items on another page. 1\. In the left sidebar menu, go to **` Website` \>** ` Pages`. 2\. Scroll down to the section labeled **Product** **pages** or **Service** **pages**. Select any product or service from the list. #### ![Screenshot 2024-11-08 at 11.16.30 AM](https://support.b12.io/hs-fs/hubfs/Screenshot%202024-11-08%20at%2011.16.30%20AM.png?width=250&height=175&name=Screenshot%202024-11-08%20at%2011.16.30%20AM.png)![Screenshot 2024-11-08 at 11.16.35 AM](https://support.b12.io/hs-fs/hubfs/Screenshot%202024-11-08%20at%2011.16.35%20AM.png?width=250&height=165&name=Screenshot%202024-11-08%20at%2011.16.35%20AM.png) 3\. Scroll to **Collection**, then click `Display options`. ![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-03-41-44-5541-PM.png?width=250&height=350&name=image-png-Dec-30-2025-03-41-44-5541-PM.png) **Note:** Use this option if you want advanced sorting filter options (please note that only 1 filter can be applied) or if you want to show a preview or smaller version of your collection items as a section on another page 4\. Under **Sorting and filtering**, click `Automatic`. ![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-03-42-16-2744-PM.png?width=250&height=296&name=image-png-Dec-30-2025-03-42-16-2744-PM.png) 5\. Under **Sorted**, choose the rule you want to apply, such as sorting by title, description, media, or tags. ![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-03-42-48-2726-PM.png?width=250&height=453&name=image-png-Dec-30-2025-03-42-48-2726-PM.png) 6. Under **Number of items to show**, select how many items should display. ![](https://support.b12.io/hs-fs/hubfs/image-png-Dec-30-2025-03-43-22-7231-PM.png?width=250&height=492&name=image-png-Dec-30-2025-03-43-22-7231-PM.png) Every time you add a new item, it will automatically be placed according to the rules you set. 7\. Click `Publish` in the upper-right corner to make your changes live. #### See also: - [Adding collection items](https://support.b12.io/en/articles/5030636-adding-collection-items?hsLang=en) - [Changing the number of columns displayed in a gallery or collection](https://support.b12.io/en/articles/4951545-changing-the-number-of-columns-displayed-in-a-gallery-or-collection?hsLang=en) - [Adding integrations to individual collection items](https://support.b12.io/en/articles/4603895-adding-integrations-to-individual-collection-items?hsLang=en) - [Rearranging sections, navigation links, and other collection items](https://support.b12.io/en/articles/3418613-rearranging-sections-navigation-links-and-other-collection-items?hsLang=en) - [Getting started](https://support.b12.io/en/getting-started?hsLang=en#main-content) - [Introduction](https://support.b12.io/en/getting-started?hsLang=en#introduction) - [Detailed guides](https://support.b12.io/en/getting-started?hsLang=en#detailed-guides) - [Working with B12's AI Agent](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#main-content) - [Agent Skills](https://support.b12.io/en/working-with-b12s-ai-agent?hsLang=en#agent-skills) - [Built-in features](https://support.b12.io/en/built-in-features?hsLang=en#main-content) - [Visual edit](https://support.b12.io/en/built-in-features?hsLang=en#visual-edit) - [Code editor](https://support.b12.io/en/built-in-features?hsLang=en#code-editor) - [Data & users (Backends)](https://support.b12.io/en/built-in-features?hsLang=en#data-users-backends) - [Forms & submissions](https://support.b12.io/en/built-in-features?hsLang=en#forms-submissions) - [Commerce](https://support.b12.io/en/built-in-features?hsLang=en#commerce) - [Contact manager](https://support.b12.io/en/built-in-features?hsLang=en#contact-manager) - [eSignatures](https://support.b12.io/en/built-in-features?hsLang=en#esignatures) - [Email Marketing](https://support.b12.io/en/built-in-features?hsLang=en#email-marketing) - [Team](https://support.b12.io/en/built-in-features?hsLang=en#team) - [Analytics](https://support.b12.io/en/built-in-features?hsLang=en#analytics) - [Website settings](https://support.b12.io/en/built-in-features?hsLang=en#website-settings) - [Adding functionality](https://support.b12.io/en/adding-functionality?hsLang=en#main-content) - [Third-party integrations](https://support.b12.io/en/adding-functionality?hsLang=en#third-party-integrations) - [Publishing & growing](https://support.b12.io/en/publishing-growing?hsLang=en#main-content) - [Domains](https://support.b12.io/en/publishing-growing?hsLang=en#domains) - [Connecting your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#connecting-your-domain) - [Managing Your Domain](https://support.b12.io/en/publishing-growing?hsLang=en#managing-your-domain) - [Email Forwarding & Sending](https://support.b12.io/en/publishing-growing?hsLang=en#email-forwarding-sending) - [Growth & Marketing](https://support.b12.io/en/publishing-growing?hsLang=en#growth-marketing) - [Troubleshooting](https://support.b12.io/en/troubleshooting?hsLang=en#main-content) - [FAQs](https://support.b12.io/en/troubleshooting?hsLang=en#faqs) - [Account & billing](https://support.b12.io/en/account-billing?hsLang=en#main-content) - [Account Login & Password](https://support.b12.io/en/account-billing?hsLang=en#account-login-password) - [Subscription & Payment Information](https://support.b12.io/en/account-billing?hsLang=en#subscription-payment-information) - [Your Account](https://support.b12.io/en/account-billing?hsLang=en#your-account) - [Managing Multiple Websites](https://support.b12.io/en/account-billing?hsLang=en#managing-multiple-websites) - [Multi-user](https://support.b12.io/en/account-billing?hsLang=en#multi-user) - [Getting support](https://support.b12.io/en/getting-support?hsLang=en#main-content) - [Professional & Advanced Plan Support (B12 2.0)](https://support.b12.io/en/getting-support?hsLang=en#professional-advanced-plan-support-b12-2-0) - [B12 2.0](https://support.b12.io/en/b12-2-0?hsLang=en#main-content) - [Website Structure and Content](https://support.b12.io/en/b12-2-0?hsLang=en#website-structure-and-content) - [Website Style & Design](https://support.b12.io/en/b12-2-0?hsLang=en#website-style-design) - [Sitewide Settings](https://support.b12.io/en/b12-2-0?hsLang=en#sitewide-settings) - [Using the B12 Editor](https://support.b12.io/en/b12-2-0?hsLang=en#using-the-b12-editor) - [Analytics & SEO](https://support.b12.io/en/b12-2-0?hsLang=en#analytics-seo) - [Integrations - General](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-general) - [Integrations - Communication](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-communication) - [Integrations - Language](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-language) - [Integrations - Ecommerce](https://support.b12.io/en/b12-2-0?hsLang=en#integrations-ecommerce) - [Professional & Advanced Plan Features](https://support.b12.io/en/b12-2-0?hsLang=en#professional-advanced-plan-features) - [Troubleshooting & Resources](https://support.b12.io/en/b12-2-0?hsLang=en#troubleshooting-resources) - [Contact Forms](https://support.b12.io/en/b12-2-0?hsLang=en#contact-forms) - [Online Scheduling](https://support.b12.io/en/b12-2-0?hsLang=en#online-scheduling) - [Advanced Editing (Experts Only)](https://support.b12.io/en/b12-2-0?hsLang=en#advanced-editing-experts-only) [![B12\_logo\_2025](https://support.b12.io/hs-fs/hubfs/B12_logo_2025.png?width=53&height=24&name=B12_logo_2025.png "B12_logo_2025")](https://www.b12.io) © 2025 B12. All rights reserved. ×