🧰 Events grid

Showcase upcoming events, launches, or seasonal moments in a grid layout with date, title, and details. Ideal for concert venues, workshops, restaurants, and stores running regular in-person events.

Add the section to a template

Click Edit theme to open the theme editor for the selected theme.

Open the template (e.g. home page, default product) and click (+) Add section in the sidebar.

Customize section settings

Click the 🧰 Events section to access its layout, content, color, and mobile settings.

Add a Section heading, and use Heading size to increase or reduce the font size in desktop. 

Fine-tune Mobile heading size independently to keep the heading proportional and readable on smaller devices.

Set the Content width to determine how much horizontal space the event grid occupies within the page. This only affects the section in desktop view. You can choose between the following options: 

• Regular
• Wide
• Full width

• Regular

  

• Wide

  

• Full width

  

Columns per row increases or decreases the number of columns displayed in desktop view. With 1 and 4 being the minimum and maximum columns, respectively. 

Select an Image aspect ratio that best suits your event images. This keeps images aligned and ensures a consistent size across the event grid. The options include: 

• Natural: Follows the aspect ratio of the image uploaded
• Square (1:1) 
• Portrait (4:5)
• Portrait (2:3)
• Landscape (3:2)

Adjust Number of events to determine how many event cards are displayed in the section, a maximum of 8 events can be added per section. 

Button

Add a Button / Button label to give customers a way to view beyond the events displayed in the section. For example, you could use See the full calendar to direct visitors to a complete events page.

Select a page or enter another supported URL within the Button link field. 

Color

Adjust the section's overall color scheme by changing the Text color and Background color settings. 

Event button

Adjust the Background color for buttons displayed within individual event cards. This color applies as a border color when the event button uses the Outline style.

Select a Text color that provides clear contrast and keeps event button labels easy to read.

Mobile layout

Condense on mobile toggle determines the sizing for your uploaded event images. Enabling this makes the images more compact. 

You can also hide the images in mobile layout while keeping the event badges by toggling the Hide image on mobile setting. This can reduce the vertical space used by each event and place greater emphasis on the event details.

Adjust spacing

Use the Top padding and Bottom padding sliders to increase or decrease the padding of the section.

Use the Top margin and Bottom margin sliders to increase or decrease the margins of the section.

Customize block

Add blocks under the section by clicking (+) Add block

Use the image uploader to add a photo, or skip this section to focus on entering your event details.

Enter the event Name to clearly identify the activity, workshop, gathering, or other event being promoted, and add the event Time so customers can see when the event begins.

Include a Location to show where the event is taking place, and add a Location link to make the location text clickable. This can be used to direct customers to a map, venue page, or other relevant destination.

Use the Text field to add supporting details about the event, such as what to expect, who it is for, or any other important information.

Enter a Button label to create a clear call to action, such as Join the run, Register now, or Learn more, and fill the Button link with the page you want the customers to be redirected to. 

Date

Set the Year, Month, and Day to define the date associated with the event.

Control how past events appear with Expired event style. For example, selecting De-emphasize reduces the visual prominence of an event after its date has passed.

Badge

Enable Badge to add an additional visual label to the event card, helping specific events stand out within the grid.

Changelog

September 10, 2026 - V1.0.0

• Events Grid added to Theme Sections.  
• Ability to change: Section heading, desktop and mobile heading size, columns on desktop and mobile, image aspect ratio, desktop and mobile layout, date, location, text color, background color, badge color, top and bottom padding, top and bottom margins. Blocks included: Event