Design the collection template

Create and customize how your collection items are displayed by designing a template that automatically applies to all current and future items. Using the visual editor, you'll set up a consistent layout that dynamically pulls in content from your collection fields.

Opening the template editor

Go to your collection in the editor and look for the "Edit [Collection Name] Template" option. Click it to enter template mode - you'll know you're in the right place when you see the collection name and template indicator in the breadcrumb navigation.

Planning your layout strategy

Before diving in, consider which collection fields need to appear and how they should be arranged. Common elements include the item title, featured images, body content, and any custom fields specific to your collection type.

Adding and binding elements

Start building your template structure by adding and connecting elements to your collection fields:

Add a heading element and bind it to the Name/Title field
Place image components and connect them to image fields
Insert rich text blocks for long-form content fields
Include buttons or links that reference other items or collections

Use the preview feature to see how your template looks with actual collection items. You can switch between different items to ensure the design works for varying content lengths.