{"id":7005,"date":"2024-04-14T17:36:55","date_gmt":"2024-04-14T09:36:55","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=7005"},"modified":"2024-04-14T17:36:55","modified_gmt":"2024-04-14T09:36:55","slug":"organize-collection-lists","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/organize-collection-lists\/","title":{"rendered":"Organize Collection lists"},"content":{"rendered":"\n
\n

You are able to define the arrangement<\/strong> of Collection lists based on a specific field or fields. As an illustration, you might wish to categorize a \u201cLatest news\u201d Collection list by a date field, or a Collection list of artists by their name. You may desire a limited Collection list to showcase a random quote of the day. Alternatively, you may wish to establish a personalized arrangement. <\/p>\n

Throughout this tutorial, you will gain knowledge on: <\/p>\n

    \n
  1. Organizing principles for arrangement<\/li>\n
  2. How to append and exclude arrangement instructions<\/li>\n
  3. How to establish a customized arrangement<\/li>\n<\/ol>\n

    Organizing principles for arrangement<\/h2>\n

    Various standards are accessible for each field type. <\/p>\n

      \n
    • Random sequence<\/strong> \u2014 randomizes the sequence of a list upon each publication<\/li>\n
    • Smallest to largest<\/strong> or largest to smallest<\/strong> \u2014 applied to sort number fields<\/li>\n
    • Oldest to newest<\/strong> or newest to oldest<\/strong> \u2014 utilized to sort date fields<\/li>\n
    • Is ON first <\/strong>or Is OFF first <\/strong>\u2014 employed to sort switch fields<\/li>\n
    • Alphabetical (A-Z) and reverse-alphabetical <\/strong>\u2014 used for arranging plain text, switch, date\/time, or number fields<\/li>\n<\/ul>\n

      Alphabetical items are arranged in the subsequent sequence:<\/p>\n

        \n
      1. Numerically (based on the first digit of a number) <\/li>\n
      2. Uppercase letters alphabetically<\/li>\n
      3. Lowercase letters alphabetically<\/li>\n
      4. Characters with diacritics (i.e., a sign, such as an accent or cedilla, written above or below a letter to indicate different pronunciation) <\/li>\n<\/ol>\n

        For instance, these Collection items would be ordered as follows in an alphabetical manner: <\/p>\n

        10 rapid brown foxes<\/p>\n

        7 rapid brown foxes<\/p>\n

        A rapid brown fox<\/p>\n

        a rapid brown fox<\/p>\n

        \u00c5 rapid brown fox <\/p>\n

        Although the number is larger, 10 appears first in the arrangement because the initial digit, \u201c1,\u201d is smaller than 7.<\/p>\n

        How to append and exclude arrangement instructions<\/h2>\n

        To integrate an arrangement to your Collection list: <\/p>\n

          \n
        1. Select your Collection list <\/strong>on the canvas<\/li>\n
        2. Procede to Element settings panel<\/strong> > Collection list settings<\/strong> > Arrangement<\/strong><\/li>\n
        3. Tap on the \u201cplus<\/strong>\u201d icon<\/li>\n
        4. Opt for the Collection<\/strong>field<\/strong> you want to organize by from the initial dropdown<\/li>\n
        5. Choose the arrangement<\/strong> you desire from the secondary dropdown<\/li>\n
        6. Click Save<\/strong><\/li>\n<\/ol>\n

          You can iterate these steps to append multiple arrangement instructions to the same Collection list. The Collection list will be arranged initially by the first arrangement directive, then the second, and so forth. For example, a Collection list of team members can be arranged by an \u201cEmployee of the month\u201d switch field initially, and then arranged randomly.<\/p>\n

          To eliminate an arrangement instruction, select your Collection list<\/strong>, navigate to Element settings panel <\/strong>> Collection list settings<\/strong> > Arrangement<\/strong>, and tap the \u201ctrash<\/strong>\u201d icon adjacent to the arrangement. <\/p>\n

          How to establish a customized arrangement<\/h2>\n

          If the default arrangement instructions do not perfectly fit your needs, you can produce a personalized arrangement by introducing a new Collection field to your Collection and assigning a numerical value to each item in the Collection. You will use that new field and its values to organize your Collection items.<\/p>\n

          To introduce a new Collection field: <\/p>\n

            \n
          1. Visit the CMS panel<\/strong> and hover over the name of your Collection<\/li>\n
          2. Tap on the settings \u201ccog<\/strong>\u201d icon to unveil Collection settings<\/li>\n
          3. Click Add new field<\/strong><\/li>\n
          4. Select number<\/strong> as the Field type<\/li>\n
          5. Assign a name <\/strong>(e.g., \u201cCustom arrangement order\u201d) in the Label field<\/li>\n
          6. Click Save field<\/strong><\/li>\n
          7. Click Save Collection<\/strong><\/li>\n<\/ol>\n

            Now that you have introduced the new \u201cCustom arrangement order\u201d field, you need to assign a number in that vacant field for each Collection item. This number signifies the position of your Collection items in your personalized arrangement. To achieve this, open a Collection item, scroll to the \u201cCustom arrangement order\u201d field, input your preferred number, and save the item. Repeat this process for all items in your Collection and ensure each item has a distinct number.<\/p>\n

            Thereafter, you can organize your Collection items based on the numbers you assigned to them in your \u201cCustom arrangement order\u201d field: <\/p>\n

              \n
            1. Select your Collection list <\/strong>on the canvas<\/li>\n
            2. Go to Element settings panel<\/strong> > Collection list settings<\/strong> > Arrangement<\/strong><\/li>\n
            3. Tap the \u201cplus<\/strong>\u201d icon<\/li>\n
            4. Choose the new \u201cCustom arrangement order\u201d<\/strong>field<\/strong> \u00a0from the initial dropdown<\/li>\n
            5. Select your preferred sorting technique from the secondary dropdown (e.g., \u201cSmallest to largest\u201d)<\/li>\n
            6. Click Save<\/strong><\/li>\n<\/ol>\n

              Your Collection items will be ordered according to the numbers you assigned to them.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Learn how to sort items in Collection lists.","protected":false},"author":2,"featured_media":5204,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[300],"tags":[],"class_list":{"0":"post-7005","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-cms-dynamic-content","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/7005","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=7005"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/7005\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5198"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=7005"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=7005"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=7005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}