Creating a Collection Index Page
A collection index page serves as a central hub that lists and links to all entries within a collection. Whether you're building a blog listing, services directory, or portfolio showcase, this guide will help you create an organized index page that automatically displays your collection entries.
Quick Summary
Learn how to create and customize a collection index page that dynamically displays entries from your collections. Perfect for blogs, portfolios, services pages, or any content that needs an organized listing view.
Create Your Index Page
In the Pages section of Pixelesq, create a new page (e.g., "Blog" or "All Services"). Give it a meaningful name and URL slug. You can start with a blank layout or use a template as your foundation.
Add Collection List Element
To display your collection entries, you'll need a Collection List element (sometimes called a Repeater):
Drag the Collection List widget onto your page
Select your target collection in the settings
The list will generate placeholder entries for preview
Design Entry Layout
Create an appealing layout for each entry preview:
Style the individual entry container that will repeat for each item
Add and bind elements like images, titles, and summaries to collection fields
Create clickable links that direct to the full entry page
Ensure the design looks good when repeated
Configure List Settings
Customize how your entries display:
Set the number of entries to show
Choose sort order (e.g., newest first, alphabetical)
Add optional filters to show specific entry types
Enable pagination if needed
Style Your Index Page
Make your index page visually engaging:
Add spacing and dividers between entries
Include header sections and introductory content
Ensure responsive design across all devices
Test different screen sizes and layouts
Preview and Launch
Before publishing:
Preview the page to see actual entries displayed
Test all links to ensure they work correctly
Verify that new entries appear as expected
Publish your index page when ready
Pro Tips
Use collection lists on your homepage to showcase latest entries
Keep entry previews concise but informative
Maintain consistent spacing and alignment
Consider adding search or filter options for larger collections
Troubleshooting
If you encounter issues:
Verify collection list is connected to correct collection
Ensure entries are published, not in draft state
Check that all links are properly configured
Republish the page after making significant changes
Remember to regularly review and update your index page as you add new entries to keep your content fresh and engaging for visitors.