Skip to content

Tour and events

This guide describes setting up your store's Tour and events section.

The section displays details about your store's tour dates and events. Use the section to promote tour dates and events on a dedicated page, or on the home page. For example, use the section to announce live concert dates, book signings, fashion shows and viewings. Refer to Promote tours and events.

A Tour and events section on an example store's home page.

In the previous image, a Tour and events section displays a list of Upcoming events on a store's home page.

For general guidance with modifying sections, refer to Sections overview.

Set up a Tour and events section

To set up a Tour and events section:

  1. Go to Customize theme.

    In Theme editor, at the top of the page, use the dropdown to select a page that contains a Tour and events section. For example, select the Home page or select a page your crated from Label's Pages > Tour-events template.

    Note

    The section can be added into any page, except Checkout and Giftcard pages. To add the section into the current page, select Add section > Tour and events. Refer to Shopify help: Add a section.

  2. From the side menu, select Tour and events.

    The Tour and events section selected in the Theme editor side menu.

  3. Select a setting described in the following table.

Setting nameDescription
HeadingUse the Heading box to enter text to display as a title for the section.
Enable max number of eventsSelect the checkbox Enable max number of events to turn on/off limiting the maximum number of events displayed inside the section. The limit is set by the slider option Max number of events.
Max number of eventsAdjust the slider Max number of events to set a value for the maximum number of events to display inside the section. The slider values range from 5 to 20.
FontUse the Font options to set the section's text to use the same font as Product grid item or Heading text.
External Source > SourceUse the Source options to specify an external service for retrieving event details. The section retrieves and displays event details from the Bandsintown or EventBrite external services. Refer to Promote tours and events.
External Source > Bandsintown artist nameIn the Bandsintown artist name box, enter your Bandsintown artist name. Your artist name is used to retrieve event details from the Bandsintown service. To use this option, set the Source option to Bandsintown. Refer to Refer to Promote tours and events.
External Source > Eventbrite tokenIn the Eventbrite token box, enter your Eventbrite token. Your token is used to retrieve event details from the Eventbrite service. To use this option, set the Source option to Eventbrite. Refer to Refer to Promote tours and events.
Color > Color schemeUse the Color scheme options to select a color scheme for the section. Refer to Colors.
Theme settingsIf available, select Theme settings to access additional settings for the section. Refer to Section theme settings menu.
Custom CSSSelect Custom CSS. In the box, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS.
Remove sectionSelect Remove section to delete the section from the current page.

Configure an event in a Tour and events section

A default Tour and events section does not contain event blocks. To configure an event block inside a Tour and events section:

  1. Go to Customize theme.

    In Theme editor, at the top of the page, use the dropdown to select a page that contains a Tour and events section.

  2. From the side menu, expand the Tour and events section menu.

  3. To configure an existing lock, select the block from the side menu.

    To add a new block, select Add event, and then select the Event block you added.

    The add Event block menu in Theme editor.

    Note

    Inside the section, you can add, remove, show, hide, or move blocks. Refer to Configure blocks inside a section, and Shopify help: Sections and blocks.

  4. Apply a block setting described in the following table. Refer to Promote tours and events.

Setting nameDescription
DayAdjust the Day slider to set a date to display for the event inside the block. The slider values range from 1 to 31.
MonthUse the Month dropdown to set a month to display for the event inside the block. The options are from January to December.
LocationIn the Location box, enter text to display as a location for the event inside the block.
VenueIn the Venue box, enter text to display as a venue for the event inside the block.
Ticket URLIn the Ticket URL box, enter a URL for purchasing tickets to the event or select a store page to link to. To remove a link, select the X icon inside the text box.
Ticket URL > Connect dynamic sourceTo display a Ticket URL from a dynamic source, select the Connect dynamic source icon, beside the Ticket URL box, and then choose a metafield to add. Refer to Shopify help: Metafields.
End date > This event has an end dateSelect the checkbox This event has an end date to turn on/off using an end date for the block's event. With this option enabled, you can specify a date when the block's event ends.
End date > DayAdjust the Day slider to set a date to display as an end date for the event inside the block. The slider values range from 1 to 31.
End date > MonthUse the Month dropdown to set a month to display as an end date for the event inside the block. The options are from January to December.
Remove blockSelect Remove block to delete the block from the current section.