Can I change the order of collection items in Webflow, such as making the mobile tag appear first?
Published on
September 22, 2023
Yes, you can change the order of collection items in Webflow, including the order in which they appear on the mobile version of your site. Here's how you can do it:
- Access the Webflow Designer:
- Login to your Webflow account and open the site you want to edit.
- Click on the "Designer" tab to access the Webflow Designer.
- Select the Collection List element:
- Navigate to the page where your collection list is located.
- Select the Collection List element by clicking on it. It will be highlighted with a blue outline.
- Open the Collection List settings:
- In the right sidebar, you'll see the Collection List settings panel.
- Click on the gear icon at the top of the Collection List panel to access the settings.
- Sort collection items:
- In the Collection List settings panel, you'll find the "Sort Order" dropdown menu.
- Click on the dropdown menu and choose the desired sorting option for your collection items.
- Select "Custom order" to manually reorder the collection items.
- Reorder collection items:
- With the "Custom order" selected, you'll see a "Reorder Collection Items" button below the "Sort Order" dropdown.
- Click on the "Reorder Collection Items" button to open the Collection List Editor.
- Rearrange the order:
- In the Collection List Editor, you'll see a list of all your collection items.
- You can drag and drop the items in the desired order using the handle icon (three horizontal lines) next to each item.
- The changes you make will be instantly reflected in the Designer.
- Save and publish:
- Once you're done reordering the collection items, click the "Done" button in the Collection List Editor.
- Save your changes by clicking the "Publish" button in the top menu.
- Your collection items will now appear in the new order on your published site.
By following these steps, you can easily change the order of collection items in Webflow, including making the mobile tag appear first or in any other custom order you desire.
Additional Questions:
- How do I reorder collection items in Webflow?
- Can I customize the sorting order of collection items in Webflow?
- Is it possible to change the order of collection items in Webflow on mobile only?