How can I display the Category Name field in a Collection List in Webflow, when the source for the Category field is set using Inner Text Settings?
TL;DR
- Add a Text Block to your Collection Item, bind it to the Category Name using Inner Text Settings, verify through Preview, and then publish your changes.
Displaying the Category Name field in a Collection List when using Inner Text Settings in Webflow requires careful configuration. Here's how you can achieve it:
1. Edit the Collection List
- Access the Collection List you want to modify by clicking on it in the Designer. This will allow you to customize the elements inside it.
2. Add a Text Element
- Drag a Text Block (or any other text element) into your Collection Item where you want the Category Name to appear.
3. Bind the Text Element
- Select the Text Block you just added.
- Go to the Element Settings panel on the right.
- Under Inner Text Settings, click on Get text from.
- Choose Categories from the dropdown. This refers to the Multi-Reference or Reference Field connected to your Collection.
- Select the Name Field from the connected Categories to display the appropriate Category Name in each Collection Item.
4. Verify the Data
- Preview your project to ensure that the Category Names appear correctly for each item in the Collection List.
- If you encounter issues, double-check the bindings and ensure the correct connections are made between the lists.
5. Publish Your Changes
- Once everything looks correct, Publish your site to see the changes live.
Summary
To display a Category Name field within a Collection List using Inner Text Settings in Webflow, ensure you: (1) Add a Text Element to the Collection Item, (2) Bind the Text Element to the Category Name through Inner Text Settings, (3) Verify it using Preview, and (4) Publish your changes.