{"id":6372,"date":"2024-04-14T18:59:32","date_gmt":"2024-04-14T10:59:32","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6372"},"modified":"2024-04-14T18:59:32","modified_gmt":"2024-04-14T10:59:32","slug":"refine-collection-lists","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/refine-collection-lists\/","title":{"rendered":"Refine Collection Lists"},"content":{"rendered":"\n
\n

After you link a Collection list to a Collection, it will exhibit the initial 100 elements in that Collection. However, you can select which<\/em> elements to exhibit by implementing filters. You can display more than 100 elements by allowing pagination. The ability to filter elements is accessible in Collection list settings<\/strong> within the Element settings panel (D)<\/strong>.<\/p>\n

Within this tutorial<\/h5>\n
    \n
  1. Incorporate filters to a list<\/li>\n
  2. Erase filters<\/li>\n
  3. Examples of filtering<\/li>\n
  4. Show exclusively featured items<\/li>\n
  5. Conceal current element<\/li>\n
  6. Reveal associated content<\/li>\n<\/ol>\n

    This tutorial covers the creation of a filtered Collection list in the Designer. Real-time filtering\/sorting on the live website (faceted navigation) is not yet a built-in feature.<\/strong>\u00a0Advocate for this feature<\/strong>.<\/a><\/p><\/blockquote>\n

    Incorporate filters<\/h2>\n
    \n
    \"The<\/div>\n<\/figure>\n

    Filters enable you to exhibit specific Collection elements in a Collection list that match whatever filter(s) you generate. You can choose from numerous filter regulations available for each Collection field type. To generate a filter:<\/p>\n

      \n
    1. Pick the Collection list you intend to filter<\/li>\n
    2. Proceed to the Settings panel (D)<\/strong><\/li>\n
    3. Integrate a Filter<\/strong> under Collection list settings<\/strong> by hitting the plus (+) symbol<\/li>\n
    4. Choose the field you wish to filter by in the first dropdown<\/li>\n
    5. Select a rule in the second field<\/li>\n
    6. Define a value if necessary<\/li>\n
    7. Press Save<\/strong><\/li>\n<\/ol>\n

      You can include as many filters as you prefer. The filters will be amalgamated using an AND operator.<\/p>\n

      Essential to understand<\/strong>\u00a0
      You cannot use multiple fields for the same Collection field.<\/h6>\n

      Erase filters<\/h2>\n

      You can remove applied filters by selecting the trash can icon next to the filter.<\/p>\n

      \n
      \"There<\/div>\n<\/figure>\n

      Exhibit featured items solely [Filter example]<\/h2>\n

      Suppose you want to solely showcase highlighted blog posts on your homepage. To achieve this:<\/p>\n

        \n
      1. Incorporate, create, and style a \u201cBlog Posts\u201d Collection list<\/li>\n
      2. Append a Filter<\/strong> in the Settings panel<\/strong><\/li>\n
      3. Select the \u201cFeatured\u201d Switch field<\/strong> from the first dropdown<\/li>\n
      4. Opt for is on<\/strong> in the second dropdown<\/li>\n
      5. Select Save<\/strong><\/li>\n<\/ol>\n
        \n
        \"The<\/div>\n<\/figure>\n

        Read more:<\/strong>Switch field<\/strong><\/a><\/p>\n

        Conceal current element [Filter example]<\/h2>\n

        If you possess a blog and desire each blog post page to exhibit a list of other blog posts, you can exclude the ongoing blog post from the list utilizing a filter. To bar the present Collection element, the blog post in this instance, perform the following steps:<\/p>\n

          \n
        1. Integrate, create, and style a \u201cBlog Posts\u201d Collection list<\/li>\n
        2. Insert a Filter<\/strong> in the Settings panel<\/strong><\/li>\n
        3. Select the Collection name from the first dropdown<\/li>\n
        4. Opt for is not<\/strong> in the second dropdown<\/li>\n
        5. The third field will illustrate \u201ccurrent collection item\u201d<\/li>\n
        6. Select Save<\/strong><\/li>\n<\/ol>\n
          \n
          The Add Filter panel includes a Blog Post is Not setting. The third field is showing \"current blog post.\" There are also an x close button and a save button.<\/div>\n<\/figure>\n

          Read more: <\/strong>Collection pages<\/strong><\/p>\n

          Exhibit associated content [Filter example]<\/h2>\n

          Assume you wish to exhibit all the blog posts composed by an author on the Author\u2019s page. You can use a filter to solely showcase those blog posts that reference this Author:<\/p>\n

            \n
          1. Incorporate, create, and style a \u201cBlog Posts\u201d Collection list<\/li>\n
          2. Add a Filter<\/strong><\/li>\n
          3. Select the Reference field for your Authors from the first dropdown<\/li>\n
          4. Opt for Equals<\/strong> in the second dropdown<\/li>\n
          5. Pick \u201ccurrent Author\u201d in the third one<\/li>\n
          6. Click Save<\/strong><\/li>\n<\/ol>\n

            Henceforth, each author page will exhibit a list of the blog posts that reference this author. You can restrict<\/strong> this list if you desire to exhibit only a particular number of related content.<\/p>\n

            \n
            \"The<\/div>\n<\/figure>\n
            Read more<\/h5>\n