Calendar blocks display events or collection items in an organized calendar format, pulling content from collection pages across your site.

Key Features:

• Shows events, blog posts, products, albums, or gallery items
• Displays titles, times, and featured images
• Optimized for events pages
• Interactive navigation between months
• Responsive design adapts to screen sizes

How to Add a Calendar Block:

1. Edit a page/post
2. Click Add Block or insertion point
3. Select Calendar
4. Click the pencil icon to edit
5. Choose a collection page to display content

Content Display:

• Events: Shows upcoming/past events with title, time, and featured image
• Blog Posts: Displays based on publication date with title and featured image
• Products: Shows items with name, description, and featured image
• Albums: Lists tracks by publication date
• Gallery: Presents images chronologically

Important Notes:

• Excerpts appear on hover
• Featured images are cropped to fit calendar squares
• Empty dates appear in gray or match background
• Multiple items on one date show stacked, without individual images
• Events ending at midnight appear on both days
• Future blog posts won't display (but upcoming events will)

Responsive Behavior:

• Full view (>600px): Shows all content elements
• Medium view (<600px): Displays titles, times, and excerpts
• Mobile view (<300px): Shows only titles

Limitations:

• Cannot support booking features (use scheduling blocks instead)
• Can only display content from one collection page
• No specific style customization options

Note: For optimal display, add excerpts and featured images to collection items you want to show in the calendar.

Related Articles

Previous Articles