Default Event Lists Layout Settings Panel

The Event Listings settings admin panel is where you’ll be able to adjust the frontend display for all your event listings. We frequently interchange the term List/Listing but know that they are one in the same.

The admin panel is designed to be super user friendly by allowing you to set the display order via drag-and-drop simplicity. If you set a module to display but an event does not contain any information, the system is smart enough to realize that and move any subsequent module content below up, so you don’t get any unsightly white space gaps in your displays!

 

Event Fields

  1. Include These column: drag any modules you want displayed on the frontend to this column.
  2. Exclude These columns: leave any modules you do not want displayed on the frontend in this column.
  3. Featured Image: you can display one of four default WordPress image sizes. Learn more about WordPress’ Media Settings options at the WP Codex.
    1. Thumbnail Image (we recommend your settings use a hard crop set to square aspect ratio)
    2. Medium Image
    3. Large Image
    4. Full Image
      Notes: by default, Medium, Large, and Full images are set to display as right aligned images in desktop and laptop width screens but occupy 100% width below the 840px media query (the point between most tablet landscape and portrait orientation). The Thumbnail Image is set to display as right aligned across all media queries.
  4. Pre-Title: displays the pre-title content.
  5. Post-Title: displays the post-title content.
  6. Title: displays the event title.
  7. Excerpt: displays the custom excerpt.
  8. Occurrences: displays the occurrence modules from the “Occurrence Fields” section below.
  9. Event Details: displays the event details content.
  10. Field Sets: displays the field sets content.

Occurrence Fields

Important: These modules only show on the frontend if you have “Occurrences” in the Event Field “Include These” column.

  1. Venue: displays venue name.
  2. Address: displays venue address.
  3. Date and Time: displays event date and time together in one inline block of information.
  4. Date: displays only day of week plus day, month, and year.
  5. Time: displays event time
  6. Note: displays the freeform text note.
  7. First Ticket Price: displays first ticket price. Important: if no URL is entered into “First Ticket URL” filed inside the event, the price values will not
  8. First Ticket URL: displays the first purchase ticket link and/or button.
  9. Second Ticket Price: displays second ticket price. Important: if no URL is entered into “First Ticket URL” filed inside the event, the price values will not
  10. Second Ticket URL: displays the second purchase ticket link and/or button.
  11. Calendar Import: displays the pair of Google Calendar and iCal (Apple) download buttons.
  12. Save Changes: don’t forget to select this button after making any edits.

Design Tips

  • Multi Venue Events:If your events uses different venues for occurrences within the same event, you should absolutely consider including the Occurrence Fields venue and address modules.
  • Featured Images Aspect Ratios: we recommend using featured images that are the same dimensions and aspect ratio. The system is flexible in that if you opt to show Medium, Large, or Full versions of the Featured Image, it will display that image using its native aspect ratio. Although you’re welcome to mix and match image aspect ratios, we think you’ll find using identical aspect ratios produces a clean, tidy frontend experience for your site visitors.
  • Recommended Featured Images sizes: this depends a great deal on your WordPress Media Settings options, but here’s a solid rule of thumb to use:
    1. Thumbnail: set to hard crop, 150 pixels wide by 150 pixels high.
    2. Medium: 768 pixels wide (this is the full width of a tablet in portrait, or tall, aspect ratio)
    3. Large: 1024 pixels wide (this is the full width of a tablet in landscape, or wide, aspect ratio)
  • Design Approach: There are two basic design approaches. For the first option, less is definitely more. The second option is perfect for users that don’t have much info about each event and therefore don’t have to worry about Event Listing pages becoming overly long.
    1. Users that use Event Listings to contain a limited amount of critical info along with a link through to the single event page.
    2. Uses that do not want to use click throughs to single event pages and instead, show all event info within the event lists.
  • Catch-all configuration: while there are hundreds of possible configuration combinations, here’s a solid layout option that will work for most users:
    1. Event Fields
      1. Featured Image (whichever size you prefer)
      2. pre-title
      3. title
      4. post-title
      5. occurrences
      6. excerpt
    2. Occurrence Fields
      1. date and time
      2. first ticket price
      3. first ticket URL
      4. second ticket price
      5. second ticket URL
      6. note
      7. calendar import