Calendar blocks display collection items in a convenient calendar format, making them perfect for showing events, blog posts, products, album tracks, or gallery images.

Key Features:

• Displays events with titles, times, and featured images
• Shows items from a single collection page
• Includes interactive month navigation
• Responsive design adapts to screen size
• Hover-to-view item excerpts

Setup Process:

1. Edit a page or post
2. Click Add Block or an insert point
3. Select Calendar
4. Choose a collection page to display content from

Collection Types Supported:

• Events (optimized)
• Blog posts
• Products
• Album tracks (version 7.0)
• Gallery images (version 7.0)

Display Guidelines:

• Current month shows by default
• Featured images appear in date squares
• Multiple items stack within date cells
• Empty dates appear gray or match background
• Events ending at midnight show on both days
• Future scheduled blog posts won't appear
• Upcoming events will display

Responsive Behavior:

• Full features at >600px width
• No images at <600px width
• Only titles at <300px width

Best Practices:

• Add excerpts and featured images to all items
• Adjust event end times to 11:59 PM to avoid dual-day display
• Use scheduling blocks for booking features
• Resize blocks to fit your page layout

Note: Calendar blocks lack style tweaks and don't support booking functionality.

Related Articles

Previous Articles