Events
Theme section
The Events section displays a calendar of upcoming events. Create custom event blocks in the theme editor or integrate your Eventbrite account to sync and display your latest events.
Watch tutorial
Watch the step-by-step tutorial for the Events section, which includes an advanced tutorial for creating a product page for events.
Set up section
Add this section to your template and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.
Editing a template changes all pages that use that template. To edit specific pages, you can create new templates or insert dynamic content with metafields.
Add custom event blocks
Add blocks with the date, venue, summary of your event. Choose to add an Image, Link, and display a Date badge.
See the next section if you want to sync and display your Eventbrite events instead.
Integrate Eventbrite events
If you have an Eventbrite account, you can add your Access token to sync and display your upcoming events. The event info entered in Eventbrite, including the Image and Summary, will automatically appear in the event block.
Note: When Eventbrite events are enabled, custom event blocks will not appear.
Section headings and link
Add section headings and an optional link to direct customers to a page on your store or your Eventbrite page.
Section style
Customize the section Style with options for section Spacing, Animation, and Alternate section color.
Settings reference
Click the Events section to find the following settings.
Section content
Heading
Add text to show a main heading.
Subheading
Add text to show a subheading below the main heading.
Link
Select or paste a URL to direct visitors to another page.
Link text
Enter call-to-action text for the link
Alignment
Choose to align the section content to either the Left, Center, or Right.
Section style
Enable animation
Choose whether to display visual effects when scrolling, hovering, or interacting with the section. See our Section animations to learn more.
Use alternate section color
Apply the alternate section colors as chosen in your Theme Settings. See Spark's theme color settings to learn how to create a secondary color scheme with alternate section colors.
Spacing
Add padding around the section content: either the Top and bottom, Top only, Bottom only, or set it to None.
Spacing amount
Increase or decrease the amount of space around the section: either Full, Half, or Minimum.
Related links
Last updated
Was this helpful?