Event Conference

Import the Event Conference design and it brings blocks and content types of its own, on top of the main Canvas library. Read this page when you are working on a site built from Event Conference and meet a block you cannot find in the main reference.

These items stay registered on every site so that content you have already imported keeps rendering, and they appear in the block inserter only where the design is in use.

Content types this design adds

Speakers

canvas_evcon_speaker

One item is called a Speaker. You will find them in their own admin menu once the design is installed.

• Editor features: editor, excerpt, page-attributes, thumbnail, title
• There is a listing page for all items.

Each item carries these extra settings on its edit screen:

• Speaker Bio

• Company

• Speaker Role

• Billing

• Talk

Blocks this design adds

Event Schedule

canvas-core/evcon-schedule

Day tabs, track filters and one agenda panel per day, built from your event records. In the block inserter it is named Canvas Event Schedule.

Select the block on a page and its own settings open in the sidebar, in the panels below:

Query

• Programme Category SlugDefaultEmpty

  Only events in this event category are listed. Leave empty to list every published event.

• SessionsDefault0

  0 lists every session in the category.

Days

• Day Tab TextDefaultDay {number} / {date}

  {number} is replaced with the day number and {date} with that day's date.

• Pad the Day NumberDefaultOn

  Writes 01, 02, 03 rather than 1, 2, 3.

• Day Tab Date FormatDefaultM d

  A PHP date format for the {date} placeholder above.

• Day Tab Strip ClassesDefaultform-day-tabs

  Style classes on the strip of day tabs above the agenda.

• Day Tab ClassesDefaultform-day-tab

  Style classes on each day tab in that strip.

• Day Panel ClassesDefaultform-day-panel

  Style classes on the agenda a day tab reveals.

Tracks

• Show the Track FiltersDefaultOn

  The strip of buttons that narrows the agenda to one track.

• All Tracks Button TextDefaultAll Tracks

  Wording on the button that clears the track filter and shows the whole day again.

  Shown when Show the Track Filters is on

• Track Filter Strip ClassesDefaultform-track-filters

  Style classes on the strip of track filter buttons.

  Shown when Show the Track Filters is on

• Track Filter Button ClassesDefaultform-track-pill

  Style classes on each track filter button in that strip.

  Shown when Show the Track Filters is on

• TracksDefaultEmpty

  One row per track: the event category it maps to, the short key its rows and dot carry, the filter button text and the dot tooltip.

  Each row of Tracks takes:

  • Event Category SlugDefaultEmpty

    The event category that decides which sessions belong to this track. Take the slug from the category itself.

  • Track KeyDefaultEmpty

    A short name for this track, used to tie its filter button to the sessions it shows. Keep it to one word and keep it unique.

  • Filter Button TextDefaultEmpty

    The wording a visitor reads on this track filter button.

  • Track Dot TooltipDefaultEmpty

    What the coloured dot beside a session says when a visitor hovers it, which is how the dot names its track.

Agenda

• Agenda Row ClassesDefaultform-agenda-row

  Style classes on each session row in the agenda.

• Time ClassesDefaultform-agenda-time

  Style classes on the time at the start of a session row.

• Row Body ClassesDefaultform-agenda-main

  Style classes on the rest of a session row, beside the time.

• Session Title ClassesDefaultform-agenda-session

  Style classes on the session title.

• Speaker Line ClassesDefaultform-agenda-speaker

  Style classes on the line naming who is presenting.

• Track Dot ClassesDefaultform-agenda-track

  Style classes on the coloured dot that marks which track a session belongs to.

• Link Session TitlesDefaultOff

  Turns each session title into a link to its own event page.

• Active State ClassDefaultactive

  Added to the first day tab, the first day panel and the all-tracks button.

Event Speakers

canvas-core/evcon-speakers

Portrait speaker cards with a hover bio overlay, driven by the event speaker records, plus the speaker single layouts. In the block inserter it is named Canvas Event Speakers.

Select the block on a page and its own settings open in the sidebar, in the panels below:

Layout

• LayoutDefaultSpeaker Cards

  Which part of the design this block draws: the grid of speaker cards, or one of the three pieces that build a single speaker page. The single pieces render nothing anywhere else.

  ChoicesSpeaker CardsSingle Speaker - AttributesSingle Speaker - CTASingle Speaker - Back + Related

Query

• SpeakersDefault0

  0 shows every published speaker.

• Order ByDefaultMenu Order

  What decides the sequence speakers appear in: the order you arranged them in, when each was published, or the speaker name.

  ChoicesMenu OrderDateTitle

• OrderDefaultAscending

  Whether that sequence runs forwards or backwards. With Order By set to Title, Ascending lists from A to Z.

  ChoicesAscendingDescending

Display

• Grid ClassesDefaultform-speakers-grid

  Style classes on the grid holding the speaker cards, which is what decides how many fit across it.

• Card ClassesDefaultform-speaker-card

  Style classes on each speaker card.

• Card Element Class PrefixDefaultform-speaker-card

  The prefix the card's inner elements are named from: the base strip becomes prefix__base, the name prefix__name, and so on.

• Ribbon ClassesDefaultform-speaker-tag

  Classes for the corner ribbon a speaker shows when their record carries ribbon text.

• Link Cards to the Speaker PageDefaultOff

  Off renders each card as a focusable panel, which is what a hover-overlay grid wants. On makes the whole card a link to that speaker.

• Card Tab IndexDefault0

  Put the unlinked cards in the keyboard tab order so the hover overlay is reachable without a mouse. Leave empty to add no tabindex.

  Shown when Link Cards to the Speaker Page is off

• Photo SizeDefaultLarge

  Which stored size of the photo the cards load. A smaller size makes a long line-up quicker to arrive, at the cost of sharpness on large screens.

  ChoicesFullLargeMediumThumbnail

• Load Photos EagerlyDefaultOff

  Load every photograph straight away instead of waiting until it scrolls into view. Turn it on when a script measures the grid as the page loads.

• Photo Ratio AttributeDefault3/4

  Written onto each photo as an aspect-ratio attribute so the card shape is declared in the markup as well as the stylesheet. Empty adds no attribute.

• Speakers Page SlugDefaultspeakers

  Slug of the speakers landing page. The single layouts resolve it for the role eyebrow and the back button. Empty = no link.

• CTA Page SlugDefaultcontact

  Slug of the page the single-cta button links to. Resolved to a portable permalink. Empty = no button.

• CTA Button TextDefaultGet in Touch

  Wording on the button at the foot of a speaker page. Leave it empty and no button appears.

• Back Button TextDefaultBack to Speakers

  Wording on the button that returns a visitor from a speaker page to the full line-up. Leave it empty and no button appears.

• Related Row HeadingDefaultMore Speakers

  Heading above the row of other speakers at the foot of a speaker page. Leave it empty to show them with no heading.

• Related SpeakersDefault3

  How many other speakers that row holds. Set it to 0 to leave the row out.

Event Passes

canvas-core/evcon-tickets

Ticket cards built from real products: price, feature list and a buy link that fills the cart. In the block inserter it is named Canvas Event Passes.

Select the block on a page and its own settings open in the sidebar, in the panels below:

Query

• Pass Category SlugDefaultEmpty

  Only products in this product category are shown. Leave empty to show every published product.

• PassesDefault0

  0 shows every pass in the category.

• Order ByDefaultMenu Order

  What decides the sequence passes appear in. Price is the natural choice for a ticket wall, so the tiers read cheapest first.

  ChoicesMenu OrderPriceTitleDate

• OrderDefaultAscending

  Whether that sequence runs forwards or backwards. With Order By set to Price, Ascending puts the cheapest pass first.

  ChoicesAscendingDescending

Display

• Grid ClassesDefaultform-ticket-grid

  Style classes on the grid holding the passes, which is what decides how many fit across it.

• Card ClassesDefaultform-ticket-card

  Style classes on each pass card.

• Highlighted Card ClassesDefaultform-ticket-card--featured

  Added to a pass whose highlight attribute is set.

• Badge ClassesDefaultform-ticket-badge

  Style classes on the small badge over a pass card, such as the one marking the recommended tier.

• Pass Name ClassesDefaultform-ticket-type

  Style classes on the name of the pass.

• Price Row ClassesDefaultform-ticket-price

  Style classes on the line holding the price, which is what lines the symbol, the figure and the period up together.

• Currency Symbol ClassesDefaultform-ticket-currency

  Style classes on the currency symbol in front of the price.

• Amount ClassesDefaultform-ticket-amount

  Style classes on the price figure itself.

• Period ClassesDefaultform-ticket-period

  Style classes on the wording after the price that says what it covers.

• Show the Rule Under the PriceDefaultOn

  A horizontal rule between the price and the feature list.

• Rule ClassesDefaultform-ticket-divider

  Style classes on that rule.

  Shown when Show the Rule Under the Price is on

• Feature List ClassesDefaultform-ticket-features

  Style classes on the list of what a pass includes.

• Feature Icon ClassesDefaultbi-check-circle-fill

  The icon before each feature. Empty renders the features with no icon.

• Buy Button ClassesDefaultform-ticket-cta

  Style classes on the buy button at the foot of a pass card.

• Buy Button TextDefaultBuy {name}

  {name} is replaced with the pass name.

• Buy Button Goes ToDefaultThe cart, with the pass added

  The cart option follows whichever cart page this site uses, so it keeps working after an import.

  ChoicesThe cartwith the pass addedThe pass page

Product Fields

• Badge Product AttributeDefaultbadge

  Name of the custom product attribute holding the small label above the pass name.

• Period Product AttributeDefaultperiod

  Name of the custom product attribute holding the text after the price, for example /person.

• Highlight Product AttributeDefaultfeatured

  Name of the custom product attribute that, when set to yes, highlights the card.