Is it possible to create a CMS collection in Webflow that displays specific images in the order that their values are entered into the list?

Published on
September 22, 2023

Yes, it is possible to create a CMS collection in Webflow that displays specific images in the order that their values are entered into the list. Here's how you can achieve that:

  1. Create a new collection: Go to the "Collections" tab in the Webflow Designer and click on the "+ New Collection" button. Give your collection a name and set up the necessary fields, including an image field for the images you want to display.

  2. Add items to the collection: Go to the "Items" tab within your collection and click on the "+ New Item" button. Fill in the information for each item, including the specific image you want to display.

  3. Set up the collection list: Now, add a collection list to the page where you want to display the images. Select the collection you just created and customize the design as needed.

  4. Sort the collection list: In the collection list settings, you can choose to sort the items by a specific field. To display the images in the order they are entered into the list, you'll need to have a field with values that represent the desired order. This can be a number field or a date field. Arrange the values accordingly for each item in your collection.

  5. Bind the image field: Within the collection list, you can bind the image field to display the specific image for each item. Customize the design and layout of the image as needed, using Webflow's visual styling tools.

  6. Preview and publish: Preview your website to see the collection list in action. The images should now be displayed in the order based on the values entered in the list.

By following these steps, you can create a CMS collection in Webflow that displays specific images in the order that their values are entered into the list. This allows for flexibility and customization in how you present and organize your content.

Additional Questions:

  1. How do I create a collection in Webflow?
  2. Can I sort items in a collection list in Webflow?
  3. What are the different field types I can use in a Webflow CMS collection?