Calendar Block Events View: How to Create Date-Based Content Displays

Calendar Block Events View: How to Create Date-Based Content Displays

By Michael Turner

February 11, 2025 at 12:49 AM

Calendar blocks display events or collection items in a calendar format, making it easy for visitors to view and navigate through your content chronologically.

Calendar blocks support content from:

  • Events (title, time, featured image)
  • Blog posts (title, featured image)
  • Products (name, description, featured image)
  • Albums (title)
  • Gallery images (title)

Key Features:

  • Current month display with month-to-month navigation
  • Clickable dates linking to original content
  • Multiple items per date with automatic height adjustment
  • Hover excerpts for additional information
  • Featured images cropped to fit date squares
  • Responsive design that adapts to screen size

Important Notes:

  • Only displays content from a single collection page
  • Events ending at midnight appear on both days
  • Future blog posts won't display (unlike upcoming events)
  • Dates without content appear in gray
  • No built-in style adjustments
  • Doesn't support booking functionality

Responsive Display:

  • < 600px width: Shows titles, times, and excerpts (no images)
  • < 300px width: Shows only titles

To Add a Calendar Block:

  1. Edit a page/post
  2. Click "Add a block" or use an insertion point
  3. Select "Calendar"
  4. Click the pencil icon to edit
  5. Choose your collection page
  6. Apply changes (for version 7.0)

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

Related Articles

Previous Articles