The Event Calendar is a theme block that shows your events on a month-grid calendar. A customer picks a date, sees the tickets for sale that day, and adds them to the cart. The block aggregates every event product in one Shopify collection onto a single calendar, so it suits stores with several events or many dates.
Requirements: Advanced plan or higher. The block lives on a Shopify Collection template only — it can’t be placed on the home page or a product page.
Add the calendar to your theme
-
In Shopify admin, create a collection that holds your event products. An Automated collection keeps new events added for you — set a condition that matches your event products (for example, a shared product type, tag, or vendor). A Manual collection works too if you add each event yourself.
-
Go to Online Store > Themes and open the theme editor for your live theme.
-
From the template dropdown at the top, switch to a Collection template, then create a new collection template (for example, name it
calendar). -
Add the Event Calendar block to the template. Hide or remove the default product grid so the page shows only the calendar.
-
Adjust the block settings (see Calendar settings below), then save the template.
-
Assign the template to your collection: go to Products > Collections, open the collection, and set its Theme template to the calendar template you created.
The calendar is now live. Open the collection’s page on your storefront to confirm events appear on the dates they run.
Calendar settings
Open the theme editor, select the Event Calendar block, and set:
- First Day — start the week on Sunday or Monday.
- Time Zone — the time zone events display in, or Auto.
- Event Color / Event Text Color — background and text color of events on the grid.
- Show event names on calendar? — uncheck to hide event names on the grid (useful when names overlap the date numbers).
- Show product image? — show or hide the event’s product image in the day’s purchase panel.
- Timeslots — show a day’s times as Buttons or a Dropdown.
- Show end time for timeslots? — uncheck to show only each timeslot’s start time.
- Ticket order / Ticket order direction — sort tickets in the purchase panel by Ticket name or Ticket price, ascending or descending.
- Sold out label — the text shown for a sold-out ticket (default
-). - Show fees column? / Show total price? — display booking fees and the fee-inclusive total in the ticket list.
- Button Color, Button Background Color, Button Outline Color, Button Clicked Color, Button Text — style and label the purchase button.
- Redirect to — send the customer to Checkout or the Cart after they add tickets.
- Number of products to show — how many event products load per page (max 50; see the variant-limit note below). Default is 31.
How the variant limit affects the calendar
Each event is a Shopify product, and every date-and-ticket combination is a variant on that product. A product is capped at 250 variants, and the app enforces that cap — an event that would exceed it can’t be saved.
When an event’s dates and ticket types would push it past the cap, the event form’s Shopify preview offers ways to spread the variants across multiple products so each one stays under the limit:
- Split into separate products? — create one product per ticket type.
- Split events into products by — group the dates into separate products by Hour, Day, Week, Month, or Year (an Auto option picks a grouping for you). This can’t be changed after the event is created.
The calendar reads every product in its collection, so a split event still shows all its dates on one calendar — the split is invisible to customers.
Related articles
- Ticket Order Form — the product-page block, an alternative to the calendar for single events.
- Storefront visibility — the publishing steps an event product needs before it appears on the calendar.
- Multi-date event and Recurring events — the event types that produce many dates.
FAQ
My events aren’t showing on the calendar
The calendar only shows products that are in its collection and published to the storefront. Confirm the event product is Active and on the Online Store sales channel, and that it matches the collection’s conditions. See Storefront visibility.
How many events can one calendar show?
A Shopify collection page loads up to 50 products at a time, so the Number of products to show setting maxes out at 50. With more event products than that, the calendar paginates. Order the collection by date so pages stay in date order.
Can I put the calendar on my home page or a product page?
No. The block targets a Collection template only. To feature an event elsewhere, place its Shopify product using your theme’s standard sections.
Can each event have its own color?
No. All events on one calendar share the colors set in the block. To show events in different colors, put them in separate collections, each with its own calendar template.
Can I control which events appear first?
The calendar shows events on their dates, not in a manual order. There’s no setting to reorder which event appears first within a day.
Why is a date or time-slot grouping option greyed out?
Grouping options are disabled when that grouping would still leave a product over the 250-variant cap. Choose a grouping that produces smaller products, or reduce the number of dates or ticket types.
