Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Calendar Blocks

Use Calendar Blocks to create calendars that display events from Events Pages in other areas of your site. Calendar Blocks can also display other collection items.

Watch a video

Before you begin

 Add the Calendar Block

To add a Calendar Block:

  1. Edit a page or post, click an insert point, and select Calendar from the menu. For help, visit Adding blocks.
  2. Select a collection page to display content from. Calendar Blocks can only display content from one collection page.
  3. Click Apply.

 Calendar Block display

 Calendar Blocks can display items from the following collections

  • Events - Links to upcoming and past events. Displays event title, event time, and thumbnail. This is the most popular use for Calendar Blocks.
  • Blog - Links to blog posts by publication date. Displays post title and thumbnail.
  • Album - Links to album tracks by publication date. Displays track title.
  • Gallery - Links to images by publication date. Displays image title.
  • Products - Links to products by publication date. Displays product name, description, and thumbnail.

For the best visual display, we recommend adding excerpts and thumbnail images to every item in the collection featured in your Calendar Blocks.

Keep in mind:

  • Item excerpts display on hover.
  • Item thumbnail images display cropped to fit the square area of the given calendar date.
  • Dates without items appear gray or match your site’s background color, depending on the size of your block. Calendar Blocks don’t have their own style tweaks.
  • If an event is set to end at midnight, Calendar Blocks will display the event on both days. To only display the first day, adjust the end time to 11:59pm on the linked Events Page.
  • Blog posts scheduled for future publication won't appear in Calendar Blocks, though upcoming events will.

Interactive features

Calendar Blocks include interactive features to help visitors navigate and view details:

  • Arrow controls automatically appear at the top to navigate by month.
  • Clicking any date with an item will open the original item page.
  • If there are multiple items occurring on the same date, each item's time and title displays in the same box. The height of the week expands automatically to display additional items.
  • In the case of multiple items on a given date, thumbnail images for individual items won't display.

Responsive design

Calendar Blocks adjust to fit the page when viewed on a smaller display. You can resize the blocks to adjust their size relative to other page content. 

  • When the block width is smaller than 600 pixels, titles, event times, and excerpts display, but not thumbnail images.
  • When the block width is smaller than 300 pixels, only titles display.
Was this article helpful?
93 out of 523 found this helpful